百度地图SVG

最新推荐文章于 2023-09-12 16:29:27 发布

南小鱼

最新推荐文章于 2023-09-12 16:29:27 发布

阅读量2.1k

点赞数

文章标签：百度 html css

本文链接：https://blog.youkuaiyun.com/qq_44737178/article/details/120329204

版权

在做项目的时候遇到这样一个问题，就是在地图上添加矢量图标

这些图标会根据一定的条件显示为不同的颜色，如果切图的话，会需要切很多图，不太好，所以就要求用svg

initMap.map = new BMap.Map("mapShow",{"minZoom":10,"maxZoom":18});// 创建Map实例
initMap.map.centerAndZoom(new BMap.Point(112.52896495378427, 27.574648664588567), this.mapLevel);  //初始化时，即可设置中心点和地图缩放级别。
getCross(){
  let coordinate = [{
          "crossId": "85007",
          "crossName": "测试路口",
          "total": 1,
          "lon": 112.90988159,
          "lat": 27.857224,
          "level": 1
         },{
          "crossId": "85007",
          "crossName": "测试1",
          "total": 1,
          "lon": 112.83988159,
          "lat": 27.