0
点赞
收藏
分享

微信扫一扫

mapbox-gl开发教程(六):矢量切片前端样式配置

--mapbox-gl是一个开源、基于webgl技术的前端地图类库--


开发教程篇六:矢量切片前端样式配置


矢量切片发布完成,需要在前端进行样式配置​​GIS开发:客户端控制的地图样式​​,颜色、字号、线宽、填充色、标签图片等属性设置,mapbox-gl样式配置结果是一个json文件,图层比较多时,需要一个可视化的工具进行编辑,国内的高德、百度等在线地图,支持客户端配置地图样式,同时提供了一个在线的可视化配置工具。

mapbox-gl作为一个开源的地图类库,提供了一些开源的样式配置工具,Mapbox Studio、MVT Styler、Maputnik等,通过这些可视化的工具,能够对发布的矢量切片数据进行配置,一般都是国外的开发制作,属性名称和内容使用的都是英文,所以需要一定的基础。

以Maputnik为例,参见公众号文章​​GIS开发:Maputnik地图样式编辑器​​,查看简单的矢量切片地图样式配置。


地图样式配置的结果是json形式,在地图初始化的时候,将地图的style属性设置成样式的json即可。

<script>


const map = new mapboxgl.Map({

container: 'map', // div的ID

style://自定义地图样式配置的位置


});

</script>


mapbox-gl开发是讲述如何从基础到实际应用进行地图开发的教程,不定时进行持续进行更新,如有疑问,公众号留言进行讨论。

mapbox-gl官网地址:https://docs.mapbox.com/mapbox-gl-js/guides/





举报

相关推荐

0 条评论