网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

百度地图多个文本标注颜色修改

时间:2024-10-14 01:22:34

1、通常地图定位文本标注样式都是默认的红色(如下图),单个文本标注时可以修改,但遇到多个文本标注时就不好操作了,下面为大家介绍多个文本标注样式修改的方法

百度地图多个文本标注颜色修改

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

百度地图多个文本标注颜色修改

3、接着,输入多个坐标点json数组,如 markerArr,并在数组中添加判断字段status

百度地图多个文本标注颜色修改

4、在循环markerArr内坐标点数据,建立多个坐标点,并定义文本标注new window.BMap.Label

百度地图多个文本标注颜色修改

5、定义颜色字段‘clo’,并循环markerArr内的 衡痕贤伎status状态字段值将之对应不同clo样式,label.setStyle({})方法设置样式值

百度地图多个文本标注颜色修改

6、最后marker[i].setLabel(label) 将文本标注添加到地图中即可

百度地图多个文本标注颜色修改

7、运行效果如下图

百度地图多个文本标注颜色修改
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com