解決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     

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM