矢量切片發(fā)布完成，需要在前端進(jìn)行樣式配置，GIS開發(fā)：客戶端控制的地圖樣式，顏色、字號、線寬、填充色、標(biāo)簽圖片等屬性設(shè)置，mapbox-gl樣式配置結(jié)果是一個json文件，圖層比較多時，需要一個可視化的工具進(jìn)行編輯，國內(nèi)的高德、百度等在線地圖，支持客戶端配置地圖樣式，同時提供了一個在線的可視化配置工具。

mapbox-gl作為一個開源的地圖類庫，提供了一些開源的樣式配置工具，Mapbox Studio、MVT Styler、Maputnik等，通過這些可視化的工具，能夠?qū)Πl(fā)布的矢量切片數(shù)據(jù)進(jìn)行配置，一般都是國外的開發(fā)制作，屬性名稱和內(nèi)容使用的都是英文，所以需要一定的基礎(chǔ)。

以Maputnik為例，參見公眾號文章GIS開發(fā)：Maputnik地圖樣式編輯器，查看簡單的矢量切片地圖樣式配置。

地圖樣式配置的結(jié)果是json形式，在地圖初始化的時候，將地圖的style屬性設(shè)置成樣式的json即可。

const map = new mapboxgl.Map(

{container: 'map',?// div的ID

style://自定義地圖樣式配置的位置

});

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