百度地图标记多个不同颜色坐标点

2024-11-01 15:16:49

1、首先,我们需要初始化一个地图,如下图语言编辑就好

百度地图标记多个不同颜色坐标点

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

百度地图标记多个不同颜色坐标点

3、在循环markerArr内坐标点数据,建立多个坐标点marker[i] = new window.BMap.Marker(point[i]);

百度地图标记多个不同颜色坐标点

4、创建不同的坐标点标记图片,如greenIcon、grayIcon

百度地图标记多个不同颜色坐标点

5、循环markerArr数组内不同坐标点,已status字段为例,不同的status值对应不同坐标图片

百度地图标记多个不同颜色坐标点

6、这样就可以了,看下最后的效果图,有红色和绿色两种不同坐标点

百度地图标记多个不同颜色坐标点
猜你喜欢