最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會員登陸 & 注冊

mapbox-gl開發(fā)教程(十一):加載線圖層

2022-07-08 09:16 作者:地理信息技術(shù)雜談  | 我要投稿

--mapbox-gl是一個開源、基于webgl技術(shù)的前端地圖類庫--

在地圖應(yīng)用的開發(fā)中,加載線數(shù)據(jù),顯示道路等信息,在mapbox-gl對應(yīng)的是線(line)圖層,下邊講一下如何在mapbox-gl加載線圖層數(shù)據(jù)。mapbox-gl加載矢量數(shù)據(jù),通過兩種數(shù)據(jù)源,一種是矢量切片(vector),另一種是geojson數(shù)據(jù),數(shù)據(jù)源加載完成后,再進行圖層的設(shè)置。

以geojson數(shù)據(jù)為例://添加數(shù)據(jù)源,第一個參數(shù)為id

map.addSource('route', {

'type': 'geojson',

'data': {

'type': 'Feature',

'properties': {},

'geometry': {

'type': 'LineString',

'coordinates': [

[122.483696, 37.833818],

[122.483482, 37.833174],

[122.483396, 37.8327],

[122.483568, 37.832056],

[122.48404, 37.831141],

[122.48404, 37.830497],

[122.483482, 37.82992],

[122.483568, 37.829548],

[122.48507, 37.829446],

[122.4861, 37.828802]

]

}

}

});

//添加線圖層,數(shù)據(jù)源id對應(yīng)以上

map.addLayer({

'id': 'route',

'type': 'line',

'source': 'route',

'layout': {

//線連接處的樣式

'line-join': 'round',

//線結(jié)束處的樣式

'line-cap': 'round'

},

'paint': {

//線的顏色

'line-color': '#888',

//線的寬度

'line-width': 8,

//線的透明度

'line-opacity':1.0

}

});


線圖層屬性設(shè)置鏈接:https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/#line

mapbox-gl開發(fā)是講述如何從基礎(chǔ)到實際應(yīng)用進行地圖開發(fā)的教程,不定時進行持續(xù)進行更新,如有疑問,公眾號留言進行討論。
mapbox-gl官網(wǎng)地址:https://docs.mapbox.com/mapbox-gl-js/guides/

mapbox-gl開發(fā)教程(十一):加載線圖層的評論 (共 條)

分享到微博請遵守國家法律
五峰| 四平市| 吉安市| 金门县| 安阳市| 新绛县| 诏安县| 托里县| 开封市| 广州市| 霍林郭勒市| 蛟河市| 台南市| 宜昌市| 沭阳县| 庆元县| 东乡县| 确山县| 梅州市| 泾源县| 安国市| 樟树市| 申扎县| 平遥县| 高阳县| 西华县| 谷城县| 沂南县| 丹巴县| 阿勒泰市| 桐乡市| 铁岭市| 巴南区| 南开区| 大连市| 大方县| 两当县| 霍城县| 大兴区| 宁蒗| 徐水县|