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

 时间:2024-10-11 22:49:03

1、通常地图定位点都是默认的红色图标,如下图所示。在多个定位点时不利于区分

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

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

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

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

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

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

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

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

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

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

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

7、完成,看下最后的效果图,有红色和绿色两种不同坐标点

如何在百度地图标注多个不同颜色样式坐标点
  • 百度地图如何设置查看范围?
  • 轻松使用百度地图web版
  • 高德地图怎么标注
  • 网页中怎么插入百度地图
  • 怎么样使用微信地图小程序导航
  • 热门搜索
    凉拌海带丝怎么做好吃 谢谢韩语怎么说 幼儿儿歌大全100首 东南汽车dx7怎么样 泰罗奥特曼怪兽大全 儿歌简谱大全 席绢言情小说大全 年轻人免费观看视频大全 戏剧大全 女生游戏大全