欢迎光临散文网 会员登陆 & 注册

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

2022-05-06 11:50 作者:地理信息技术杂谈  | 我要投稿

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

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

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

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

const map = new mapboxgl.Map(

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

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

});

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

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

分享到微博请遵守国家法律