解决vue中百度地图覆盖物引用本地图片问题

这次的主要目的是在百度地图中引用自定义的覆盖物,路径是再asset/images/文件夹下,直接引用出错。需要先导入再引用。

在<script></script>代码中增加如下:

 1     import gisGreen from '../assets/images/GIS_Green2.png';
 2     export default {……
 3         methods:{
 4             ……,
 5             handler ({BMap, map}) {
 6               var point = new BMap.Point(120.66, 31.20);
 7               map.centerAndZoom(point, 13);
 8               var myIcon = new BMap.Icon(gisGreen, new BMap.Size(20, 32));
 9               var marker = new BMap.Marker(point, {icon: myIcon}); // 创建标注
10               map.addOverlay(marker); // 将标注添加到地图中
11             },
12         }        
13     }
14     

猜你喜欢

转载自www.cnblogs.com/qianyou304/p/11805285.html