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

て烟熏妆下的殇ゞ 提交于 2019-12-03 17:36:57

这次的主要目的是在百度地图中引用自定义的覆盖物,路径是再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     

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!