92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

openlayers6【十九】vue HeatmapLayer熱力圖層實現熱力圖效果詳解

2021-6-8    前端達人

1. 寫在前面

本問下面有矢量圖層設置的區域，和熱力圖層設置的熱力圖的效果，區域繪制效怎么設置詳細內容可以訪問 openlayers6【十七】vue VectorLayer矢量圖層畫地圖省市區，多省市區(粵港澳大灣區)效果詳解，主要講解的是熱力圖層效果實現。區域繪制只是為了效果更好看。好了，繼續往下看

在 openlayers 中，圖層是使用 layer 對象表示的，主要有 WebGLPoints Layer、熱度圖(HeatMap Layer)、圖片圖層(Image Layer)、切片圖層(Tile Layer)和 矢量圖層(Vector Layer)五種類型，它們都是繼承 Layer 類的。

前面兩篇文章 我們講了矢量圖層 VectorLayer的常用的場景，這篇我們寫一篇 HeatMapLayer 的使用。可以看下圖所示的熱力圖實現效果。 放大縮小地圖熱力圖效果。
在這里插入圖片描述

2. Heatmap 類實現熱力圖

2.1 Heatmap 參數 

var heatmapLayer = new ol.layer.Heatmap({ source: source,//熱力圖資源 opacity:1,//透明度，默認1 visible:true,//是否顯示，默認trur zIndex:1,//圖層渲染的Z索引,默認按圖層加載順序疊加 gradient:['#00f','#0ff','#0f0','#ff0','#f00'],//熱圖的顏色漸變 blur: 15,//模糊大小(像素為單位) radius: 8,//半徑大小默認為8(像素為單位) extent:[100,30,104,40],//渲染范圍，可選值，默認渲染全部 }); 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    •

2.2 實現熱力圖

2.2.1 addHeatMap()方法詳解：

  1. 準備熱力圖需要的初始化數據，colors 熱圖的顏色漸變，hatmapData 表示值數量越多顯示到頁面的熱力圖顏色越深。codeList 準備的數據的城市對應的經緯度坐標。
  2. 創建熱力圖圖層 HeatmapLayer
  3. 把熱力圖圖層添加到 map 中
  4. 調用添加熱力圖要素的方法 AppendFeatures()

2.2.2 addHeatMap()方法代碼： 

/**
 * 添加熱力圖
 */ addHeatMap() { let colors = [ "#2200FF", "#16D9CC", "#4DEE12", "#E8D225", "#EF1616" ]; let hatmapData = [ { name: "成都市" }, { name: "成都市" }, { name: "成都市" }, { name: "成都市" }, { name: "綿陽市" }, { name: "廣安市" }, { name: "雅安市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "宜賓市" }, { name: "甘孜藏族自治州市" } ]; let codeList = { 成都市: { center: { lng: 104.061902, lat: 30.609503 } }, 廣安市: { center: { lng: 106.619126, lat: 30.474142 } }, 綿陽市: { center: { lng: 104.673612, lat: 31.492565 } }, 雅安市: { center: { lng: 103.031653, lat: 30.018895 } }, 自貢市: { center: { lng: 104.797794, lat: 29.368322 } }, 宜賓市: { center: { lng: 104.610964, lat: 28.781347 } }, 甘孜藏族自治州市: { center: { lng: 101.592433, lat: 30.426712 } } }; this.layer = new HeatmapLayer({ source: new VectorSource(), blur: 30, radius: 15, gradient: colors }); this.map.addLayer(this.layer); this.AppendFeatures(hatmapData, colors, codeList, 50); }, 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    • 

    
  • 
        16
    
    • 

    
  • 
        17
    
    • 

    
  • 
        18
    
    • 

    
  • 
        19
    
    • 

    
  • 
        20
    
    • 

    
  • 
        21
    
    • 

    
  • 
        22
    
    • 

    
  • 
        23
    
    • 

    
  • 
        24
    
    • 

    
  • 
        25
    
    • 

    
  • 
        26
    
    • 

    
  • 
        27
    
    • 

    
  • 
        28
    
    • 

    
  • 
        29
    
    • 

    
  • 
        30
    
    • 

    
  • 
        31
    
    • 

    
  • 
        32
    
    • 

    
  • 
        33
    
    • 

    
  • 
        34
    
    • 

    
  • 
        35
    
    • 

    
  • 
        36
    
    • 

    
  • 
        37
    
    • 

    
  • 
        38
    
    • 

    
  • 
        39
    
    • 

    
  • 
        40
    
    • 

    
  • 
        41
    
    • 

    
  • 
        42
    
    • 

    
  • 
        43
    
    • 

    
  • 
        44
    
    • 

    
  • 
        45
    
    • 

    
  • 
        46
    
    • 

    
  • 
        47
    
    • 

    
  • 
        48
    
    • 

    
  • 
        49
    
    •

2.2.3 AppendFeatures()方法詳解：

  1. 遍歷hatmapData和points數據根據名稱一致的 循環創建要素 new Feature點new Point信息
  2. 把要素添加到熱力圖層的數據源中

2.2.4 AppendFeatures()方法代碼： 

/**
 * 增加要素到熱力圖
 */ AppendFeatures(hatmapData, colors, points, max) { for (var i in hatmapData) { if (points[hatmapData[i].name]) { var coords = points[hatmapData[i].name]; this.max = max; var f = new Feature({ geometry: new Point( fromLonLat([coords.center.lng, coords.center.lat]) ) }); this.layer.getSource().addFeature(f); } } } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    • 

    
  • 
        16
    
    • 

    
  • 
        17
    
    •

3. 完整代碼 

<template> <div id="app"> <div id="Map" ref="map"></div> </div> </template> <script> import "ol/ol.css"; import VectorLayer from "ol/layer/Vector"; import VectorSource from "ol/source/Vector"; import { Tile as TileLayer, Heatmap as HeatmapLayer } from "ol/layer"; import Proj from "ol/proj/Projection"; import XYZ from "ol/source/XYZ"; import { Map, View, Feature, ol } from "ol"; import { Style, Stroke, Fill } from "ol/style"; import { Polygon, Point } from "ol/geom"; import { defaults as defaultControls } from "ol/control"; import { fromLonLat } from "ol/proj"; // 四川的邊界數據文件 import areaGeo from "@/geoJson/sichuan.json"; export default { data() { return { map: null }; }, methods: { /**
         * 初始化地圖
         */ initMap() { this.map = new Map({ target: "Map", controls: defaultControls({ zoom: true }).extend([]), layers: [ new TileLayer({ source: new XYZ({ url: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}" }) }) ], view: new View({ center: fromLonLat([104.065735, 30.659462]), zoom: 6.5, maxZoom: 19, minZoom: 5 }) }); }, /**
         * 設置區域
         */ addArea(geo = []) { if (geo.length == 0) { return false; } let features = []; geo.forEach(g => { let lineData = g.features[0]; let routeFeature = ""; if (lineData.geometry.type == "MultiPolygon") { routeFeature = new Feature({ geometry: new MultiPolygon( lineData.geometry.coordinates ).transform("EPSG:4326", "EPSG:3857") }); } else if (lineData.geometry.type == "Polygon") { routeFeature = new Feature({ geometry: new Polygon( lineData.geometry.coordinates ).transform("EPSG:4326", "EPSG:3857") }); } routeFeature.setStyle( new Style({ fill: new Fill({ color: "#4e98f444" }), stroke: new Stroke({ width: 3, color: [71, 137, 227, 1] }) }) ); features.push(routeFeature); }); // 設置圖層 let routeLayer = new VectorLayer({ source: new VectorSource({ features: features }) }); // 添加圖層 this.map.addLayer(routeLayer); }, /**
         * 添加熱力圖
         */ addHeatMap() { let colors = [ "#2200FF", "#16D9CC", "#4DEE12", "#E8D225", "#EF1616" ]; let hatmapData = [ { name: "成都市" }, { name: "成都市" }, { name: "成都市" }, { name: "成都市" }, { name: "綿陽市" }, { name: "廣安市" }, { name: "雅安市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "自貢市" }, { name: "宜賓市" }, { name: "甘孜藏族自治州市" } ]; let codeList = { 成都市: { center: { lng: 104.061902, lat: 30.609503 } }, 廣安市: { center: { lng: 106.619126, lat: 30.474142 } }, 綿陽市: { center: { lng: 104.673612, lat: 31.492565 } }, 雅安市: { center: { lng: 103.031653, lat: 30.018895 } }, 自貢市: { center: { lng: 104.797794, lat: 29.368322 } }, 宜賓市: { center: { lng: 104.610964, lat: 28.781347 } }, 甘孜藏族自治州市: { center: { lng: 101.592433, lat: 30.426712 } } }; this.layer = new HeatmapLayer({ source: new VectorSource(), blur: 30, radius: 15, gradient: colors }); this.map.addLayer(this.layer); this.AppendFeatures(hatmapData, colors, codeList, 50); }, /**
         * 增加要素至熱力圖
         */ AppendFeatures(hatmapData, colors, points, max) { for (var i in hatmapData) { if (points[hatmapData[i].name]) { var coords = points[hatmapData[i].name]; this.max = max; var f = new Feature({ geometry: new Point( fromLonLat([coords.center.lng, coords.center.lat]) ) }); this.layer.getSource().addFeature(f); } } } }, mounted() { this.initMap(); //初始化地圖 this.addArea(areaGeo); //添加四川省的邊界描邊和填充 this.addHeatMap(); //添加熱力圖數據 } }; </script> <style lang="scss" scoped> // 此處非核心內容，已刪除 </style> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    • 

    
  • 
        16
    
    • 

    
  • 
        17
    
    • 

    
  • 
        18
    
    • 

    
  • 
        19
    
    • 

    
  • 
        20
    
    • 

    
  • 
        21
    
    • 

    
  • 
        22
    
    • 

    
  • 
        23
    
    • 

    
  • 
        24
    
    • 

    
  • 
        25
    
    • 

    
  • 
        26
    
    • 

    
  • 
        27
    
    • 

    
  • 
        28
    
    • 

    
  • 
        29
    
    • 

    
  • 
        30
    
    • 

    
  • 
        31
    
    • 

    
  • 
        32
    
    • 

    
  • 
        33
    
    • 

    
  • 
        34
    
    • 

    
  • 
        35
    
    • 

    
  • 
        36
    
    • 

    
  • 
        37
    
    • 

    
  • 
        38
    
    • 

    
  • 
        39
    
    • 

    
  • 
        40
    
    • 

    
  • 
        41
    
    • 

    
  • 
        42
    
    • 

    
  • 
        43
    
    • 

    
  • 
        44
    
    • 

    
  • 
        45
    
    • 

    
  • 
        46
    
    • 

    
  • 
        47
    
    • 

    
  • 
        48
    
    • 

    
  • 
        49
    
    • 

    
  • 
        50
    
    • 

    
  • 
        51
    
    • 

    
  • 
        52
    
    • 

    
  • 
        53
    
    • 

    
  • 
        54
    
    • 

    
  • 
        55
    
    • 

    
  • 
        56
    
    • 

    
  • 
        57
    
    • 

    
  • 
        58
    
    • 

    
  • 
        59
    
    • 

    
  • 
        60
    
    • 

    
  • 
        61
    
    • 

    
  • 
        62
    
    • 

    
  • 
        63
    
    • 

    
  • 
        64
    
    • 

    
  • 
        65
    
    • 

    
  • 
        66
    
    • 

    
  • 
        67
    
    • 

    
  • 
        68
    
    • 

    
  • 
        69
    
    • 

    
  • 
        70
    
    • 

    
  • 
        71
    
    • 

    
  • 
        72
    
    • 

    
  • 
        73
    
    • 

    
  • 
        74
    
    • 

    
  • 
        75
    
    • 

    
  • 
        76
    
    • 

    
  • 
        77
    
    • 

    
  • 
        78
    
    • 

    
  • 
        79
    
    • 

    
  • 
        80
    
    • 

    
  • 
        81
    
    • 

    
  • 
        82
    
    • 

    
  • 
        83
    
    • 

    
  • 
        84
    
    • 

    
  • 
        85
    
    • 

    
  • 
        86
    
    • 

    
  • 
        87
    
    • 

    
  • 
        88
    
    • 

    
  • 
        89
    
    • 

    
  • 
        90
    
    • 

    
  • 
        91
    
    • 

    
  • 
        92
    
    • 

    
  • 
        93
    
    • 

    
  • 
        94
    
    • 

    
  • 
        95
    
    • 

    
  • 
        96
    
    • 

    
  • 
        97
    
    • 

    
  • 
        98
    
    • 

    
  • 
        99
    
    • 

    
  • 
        100
    
    • 

    
  • 
        101
    
    • 

    
  • 
        102
    
    • 

    
  • 
        103
    
    • 

    
  • 
        104
    
    • 

    
  • 
        105
    
    • 

    
  • 
        106
    
    • 

    
  • 
        107
    
    • 

    
  • 
        108
    
    • 

    
  • 
        109
    
    • 

    
  • 
        110
    
    • 

    
  • 
        111
    
    • 

    
  • 
        112
    
    • 

    
  • 
        113
    
    • 

    
  • 
        114
    
    • 

    
  • 
        115
    
    • 

    
  • 
        116
    
    • 

    
  • 
        117
    
    • 

    
  • 
        118
    
    • 

    
  • 
        119
    
    • 

    
  • 
        120
    
    • 

    
  • 
        121
    
    • 

    
  • 
        122
    
    • 

    
  • 
        123
    
    • 

    
  • 
        124
    
    • 

    
  • 
        125
    
    • 

    
  • 
        126
    
    • 

    
  • 
        127
    
    • 

    
  • 
        128
    
    • 

    
  • 
        129
    
    • 

    
  • 
        130
    
    • 

    
  • 
        131
    
    • 

    
  • 
        132
    
    • 

    
  • 
        133
    
    • 

    
  • 
        134
    
    • 

    
  • 
        135
    
    • 

    
  • 
        136
    
    • 

    
  • 
        137
    
    • 

    
  • 
        138
    
    • 

    
  • 
        139
    
    • 

    
  • 
        140
    
    • 

    
  • 
        141
    
    • 

    
  • 
        142
    
    • 

    
  • 
        143
    
    • 

    
  • 
        144
    
    • 

    
  • 
        145
    
    • 

    
  • 
        146
    
    • 

    
  • 
        147
    
    • 

    
  • 
        148
    
    • 

    
  • 
        149
    
    • 

    
  • 
        150
    
    • 

    
  • 
        151
    
    • 

    
  • 
        152
    
    • 

    
  • 
        153
    
    • 

    
  • 
        154
    
    • 

    
  • 
        155
    
    • 

    
  • 
        156
    
    • 

    
  • 
        157
    
    • 

    
  • 
        158
    
    • 

    
  • 
        159
    
    • 

    
  • 
        160
    
    • 

    
  • 
        161
    
    • 

    
  • 
        162
    
    • 

    
  • 
        163
    
    • 

    
  • 
        164
    
    • 

    
  • 
        165
    
    • 

    
  • 
        166
    
    • 

    
  • 
        167
    
    • 

    
  • 
        168
    
    • 

    
  • 
        169
    
    • 

    
  • 
        170
    
    • 

    
  • 
        171
    
    • 

    
  • 
        172
    
    • 

    
  • 
        173
    
    • 

    
  • 
        174
    
    • 

    
  • 
        175
    
    • 

    
  • 
        176
    
    • 

    
  • 
        177
    
    •

4. 添加刪除map圖層的方法 

//添加熱力圖層 this.map.addLayer(this.layer) //刪除熱力圖層 this.map.removeLayer(this.layer) 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •

5. 熱力圖自身的get，set方法

//獲取-設置，模糊大小 heatmapLayer.getBlur() heatmapLayer.setBlur(15) //獲取-設置，渲染范圍 heatmapLayer.getExtent() heatmapLayer.setExtent([100,30,104,40]) //獲取-設置，熱力圖漸變色 heatmapLayer.getGradient() heatmapLayer.setGradient(['#00f','#0ff','#0f0','#ff0','#f00']) //獲取-設置，最大級別 heatmapLayer.getMaxZoom() heatmapLayer.setMaxZoom(18) //獲取-設置，最小級別 heatmapLayer.getMinZoom() heatmapLayer.setMinZoom(2) //獲取-設置，透明度 heatmapLayer.getOpacity() heatmapLayer.setOpacity(0.5) //獲取-設置，半徑 heatmapLayer.getRadius() heatmapLayer.setRadius(5) //獲取-設置，熱力源 heatmapLayer.getSource() heatmapLayer.setSource(source) //獲取-設置，是否可見 heatmapLayer.getVisible() heatmapLayer.setVisible(true) //獲取-設置，圖層的Z-index heatmapLayer.getZIndex() heatmapLayer.setZIndex(2) //綁定事件-取消事件 type事件類型，listener函數體 heatmapLayer.on(type,listener) heatmapLayer.un(type,listener)



藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

截屏2021-05-13 上午11.41.03.png


部分借鑒自：csdn  

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
欧美福利视频在线| 欧美日韩视频在线一区二区| 国产成人精品亚洲777人妖| 91麻豆国产精品久久| 色在线视频网| 精品国产露脸精彩对白| 亚洲国产一区二区在线播放| 精品一区二区三区自拍图片区| 久久久人成影片一区二区三区观看| 国产成人免费xxxxxxxx| 巨大荫蒂视频欧美大片| 欧美日韩一区二区三区四区五区| av资源种子在线观看| 国产玖玖精品视频| 亚洲欧洲中文日韩久久av乱码| 成人网在线观看| 91sp网站在线观看入口| 国产精品久久久久久久久久久久午夜片| 亚洲大片精品免费| 福利视频第一区| 久久99精品久久久久久青青日本| 欧美老女人性生活| 国产欧美日韩另类一区| 国产欧美日韩综合一区在线播放| 欧美tickling网站挠脚心| 一区二区三区在线视频观看| 日本不卡一二三区| 日韩a**中文字幕| 亚洲免费福利一区| 精品日产卡一卡二卡麻豆| 97超级碰碰碰久久久| 影院在线观看全集免费观看| 高清欧美性猛交xxxx黑人猛| 91久久黄色| xxxxxxxxx欧美| 99re亚洲国产精品| 国产精品亚洲午夜一区二区三区| 91精品国产91久久久久久| 欧美日韩无遮挡| 国产精品麻豆| 色综合久久综合网| 国产精品一区二区日韩| 亚洲免费中文| 亚洲精品日韩一| 蜜臀久久99精品久久一区二区| 国产精品旅馆在线| 欧美激情第6页| 蜜乳av综合| 精品中文字幕一区二区小辣椒| 国内国产精品久久| 高潮按摩久久久久久av免费| 欧亚洲嫩模精品一区三区| 欧美国产亚洲视频| 色爱精品视频一区| 国产欧美va欧美不卡在线| 激情欧美日韩一区二区| 青草青在线视频| 一区二区三区日韩| 成人高潮成人免费观看| 久久久亚洲综合网站| 亚洲第一偷拍网| 欧美日韩一区二区在线视频| 999福利在线视频| 成人影欧美片| av网站大全在线| 韩日成人在线| 亚洲精品美腿丝袜| 一区二区三区国产在线观看| 天堂av一区二区三区在线播放| 日韩黄色在线观看| 免播放器亚洲| 成人欧美magnet| 91av视频在线观看| 亚洲综合一二区| 欧美电影免费播放| 欧美国产1区2区| 日韩禁在线播放| www.欧美亚洲| 精品一区二区三区视频日产| 国产成人亚洲综合a∨婷婷图片| 91久久久久久久久| 在线日韩三级| 欧美区一区二区| 欧美成人第一区| 免费影院在线观看一区| 国产视频亚洲视频| 亚洲第一页中文字幕| 久久精品av| 91精品电影| 亚洲一区二区三区四区在线观看| h视频网站在线观看| 中文字幕一区二区在线播放| 欧美贵妇videos办公室| 99精品全国免费观看视频软件| 亚洲精品自在在线观看| 天天综合精品| 夜夜夜精品看看| 老司机精品视频在线| 欧美色视频一区| 欧美黄色成人| 国产亚洲久久| 一区二区亚洲视频| 日本一区二区精品| 成人免费高清在线播放| 不卡的av影片| 欧美重口另类videos人妖| 欧美日韩精品一区二区在线播放| 色橹橹欧美在线观看视频高清| 欧美尿孔扩张虐视频| 日韩黄在线观看| 99riav一区二区三区| 久久精品国产精品亚洲| 黄色免费在线看| heyzo高清中文字幕在线| 日韩成人动漫| 蜜桃一区二区三区在线观看| 91在线视频免费观看| 一区二区三区动漫| 中文字幕亚洲欧美日韩在线不卡| 亚洲高清成人| 色综合天天综合网国产成人综合天| 日韩电影网站| 久热国产精品视频一区二区三区| 国内揄拍国内精品少妇国语| 国产精品99蜜臀久久不卡二区| 91精品婷婷国产综合久久竹菊| 久久大胆人体视频| 亚洲欧洲黄色网| 中文字幕+乱码+中文字幕一区| 精品免费在线视频| 浅井舞香一区二区| 91精品国产色综合久久不卡蜜臀| 久久免费美女视频| 久久好看免费视频| 免费污视频在线观看| 狂野欧美xxxx韩国少妇| 国产成人成网站在线播放青青| 美女精品导航| 国产综合久久久久久| 久久精品ww人人做人人爽| 色综合久久一区二区三区| 这里有精品可以观看| 欧美嫩在线观看| 日韩伦理一区二区三区| 哥也色在线视频| www.一区| 亚洲人成电影网站| 久久国产精品无码网站| 欧美一区二区三区电影在线观看| 欧美激情亚洲精品| 精品国产18久久久久久二百| 国产精品美女久久久久久免费| 999精品视频在线观看| 岛国av在线一区| 久久久久亚洲蜜桃| 亚洲激情综合| 国产精品一区二区在线播放| 91香蕉国产在线观看软件| 亚洲四区在线观看| 国产91色综合久久免费分享| 亚洲 日韩 国产第一区| 久中文字幕一区| yourporn在线观看视频| 亚洲一区黄色|