0
点赞
收藏
分享

微信扫一扫

mapbox-gl开发教程(十九):矢量图层操作控制

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


开发教程篇十九:矢量图层操作控制

mapbox-gl中使用最多的就是图层,除去marker可以单点形式存在,其他的特征数据加载都需要以图层形式进行创建,矢量切片数据源或者geojson数据源,自己本身创建的一般使用的是geojson。所以,在基于业务数据,在mapbox-gl地图上加载点、线、面数据时,首先要转换成geojson数据格式。

矢量图层的操作包括添加、删除、更新图层的数据,添加、删除地图图层,在地图上显示对应的结果。

map.addLayer是添加一个新的图层,图层的id必须是唯一的,同时要设置数据源,设置图层的顺序是可选的;删除图层时,首先要根据图层id判断图层是否存在,使用map.getLayer,删除使用map.removeLayer,调整图层的顺序使用map.moveLayer。

图层中数据获得,是通过获取数据源中的数据,再以geojson的形式进行添加、删除或者更新其中的数据,通过设置数据源的setData达到效果。

const _layerSource = map.getSource("layerid");

 if (_layerSource != undefined) {

     //图层返回的数据也是geojson格式

     const _layerData = _layerSource._data;

}

//更新数据源中数据

map.getSource("layerid").setData('geojsondata');



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

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



举报

相关推荐

0 条评论