mapbox使用

首先初始化，缩放控件，语言标注转换

第二就是标注的使用，标注的使用有很多方法，最简单的就是

 但是这种方法添加的marker当坐标点很多时（我的小程序中是3000多个点，会非常卡）。

下边是使用source数据源和层layer添加标注的方法

这种方法添加的不会卡，而且，如果position的数据改变，只需要改变重新setData就可以了，如下：

 

上边代码中的图片是如下导入的：

 

————————————————————————————————————————————————————————

三标注的点击事件

效果：

连线的功能就是官网的那个例子：https://docs.mapbox.com/mapbox-gl-js/example/measure/以下是我根据官网例子实现的自己的项目的两点之间连线。

线条清空

 

效果：