比如像这种在地图上按照条件的不同显示不同的点,同时将一些重要数据显示在点上面,图片我用的是gif图片这样会有个动画效果,上面的数字是采取的是百度地图的添加文字标签,在鼠标移动上去的时候会有个窗口显示其详细信息,相当于一个弹窗,在滚轮放大到11级别时,会显示这个市的具体信息,比如这个
这里就涉及到一个事件,鼠标监控地图级别,调用不同接口,同时需要清除上一个级别的marker点,然后再进行打点,鼠标移动上去的时候也会显示改点的详细信息。
下面引用一些关键代码
import pro from './pro.gif'
import warn from './warn.gif'
这个是引用点的图标
var proIcon = new BMap.Icon(pro, new BMap.Size(30, 30))
var warnIcon = new BMap.Icon(warn, new BMap.Size(30, 30))
在数组遍历的时候
var point = new BMap.Point(val.longitude, val.latitude)
maker = new BMap.Marker(point, { icon: Icon })