如何在百度地图标注多个不同颜色样式坐标点

地图定位标注点时默认都是红色坐标点 , 这篇文章教你若何添加分歧样式坐标点(ps:百度地图坐标点是以图片界说的 , 所以我们不克不及直接点窜颜色 , 只能点窜响应图片)
方式/
1凡是地图定位点都是默认的红色图标 , 如下图所示 。 在多个定位点时晦气于区分

如何在百度地图标注多个不同颜色样式坐标点

文章插图

2对此 , 我们可以按照需求更改对应坐标点的样式 。 起首 , 我们需要初始化一个地图 , 如下图

如何在百度地图标注多个不同颜色样式坐标点

文章插图

3接着 , 输入多个坐标点json数组 , 如 markerArr

如何在百度地图标注多个不同颜色样式坐标点

文章插图

4轮回markerArr内坐标点数据 , 成立多个坐标点marker[i] = new window.BMap.Marker(point[i]);

如何在百度地图标注多个不同颜色样式坐标点

文章插图

5建立分歧的坐标点标识表记标帜图片 , 如greenIcon、grayIcon

如何在百度地图标注多个不同颜色样式坐标点

文章插图

6轮回markerArr数组内分歧坐标点 , 已status字段为例 , 分歧的status值对应分歧坐标图片

如何在百度地图标注多个不同颜色样式坐标点

文章插图

7【如何在百度地图标注多个不同颜色样式坐标点】完当作 , 看下最后的结果图 , 有红色和绿色两种分歧坐标点

如何在百度地图标注多个不同颜色样式坐标点

文章插图


以上内容就是如何在百度地图标注多个不同颜色样式坐标点的内容啦 , 希望对你有所帮助哦!

    推荐阅读