最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue如何使用mapbox對當(dāng)前行政區(qū)劃進(jìn)行反選遮罩

 更新時間:2023年10月25日 08:43:12   作者:跳跳的小古風(fēng)  
這篇文章主要介紹了vue如何使用mapbox對當(dāng)前行政區(qū)劃進(jìn)行反選遮罩問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

使用mapbox對當(dāng)前行政區(qū)劃進(jìn)行反選遮罩

需求

給指定區(qū)劃以外的地方添加蒙版遮罩

  • 初始效果

  • 需求效果

       map.addLayer({
			//蒙版邊界
			id: 'mb-line',
			type: 'line',
			source: {
				type: 'geojson',
				data:reData, //區(qū)劃的面數(shù)據(jù)
			},
			paint: {
				'line-color': 'rgba(100,149,237,0.8)',
				"line-width": 8
			},
			layout: {
				visibility: 'visible',
			},
		});
		map.addLayer({
			//蒙版圖層   //通過邊界數(shù)據(jù)反選 達(dá)到挖洞效果
			id: 'mb-tag',
			type: 'fill',
			source: {
				type: 'geojson',
				data: {
					type: 'Feature',
					geometry: {
						type: 'Polygon',
						coordinates: [
							[
							// 多邊形外圍 需要進(jìn)行遮罩的點(diǎn) 這里是給世界地圖加遮罩 所以是世界的四個端點(diǎn)
								[-180, 90],
								[180, 90],
								[180, -90],
								[-180, -90],
							],
							// 第 1個孔 
							//例如:[
                            //  [31.4566,121.2671],
                            //  [31.3481,121.2382],
                            //  [31.3934,121.3659]
                            // ],
							//這里從世界地圖挖掉指定區(qū)劃的面數(shù)據(jù),
							//我們將原來的面數(shù)據(jù)處理一樣
							//let mbData = results.geometry.coordinates[0].flat(1);
							//取面數(shù)據(jù) coordinates的第一層并拉平 形成例如的經(jīng)緯度數(shù)組
							mbData,
						],
					},
				},
			},
			paint: {
				'fill-color': 'rgba(200,202,199,.68)',
				// 'fill-opacity': 1 /* 透明度 */,
			},
			layout: {
				visibility: 'visible',
			},
		});
  • 蒙版邊界數(shù)據(jù)格式

  • 蒙版遮罩?jǐn)?shù)據(jù)格式

總結(jié)

以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

四川省| 图们市| 新乡县| 白沙| 会同县| 固阳县| 金平| 江陵县| 会理县| 玉龙| 西吉县| 鄯善县| 哈尔滨市| 渑池县| 龙川县| 行唐县| 延边| 邯郸县| 二手房| 中牟县| 鸡泽县| 江源县| 奉化市| 淅川县| 江孜县| 瑞丽市| 洛宁县| 章丘市| 孟津县| 太湖县| 文成县| 广德县| 灵石县| 手机| 特克斯县| 道真| 阜宁县| 和顺县| 堆龙德庆县| 青岛市| 土默特左旗|