一、申請百度地圖密鑰
首先,你需要去百度地圖開放平臺(https://lbsyun.baidu.com/)注冊賬號并登錄。創(chuàng)建應(yīng)用,填寫應(yīng)用名稱、應(yīng)用類型等信息,獲取百度地圖的密鑰(ak)。
二、安裝依賴
在你的 Vue 項目中,可以使用以下兩種方式引入百度地圖:
通過 CDN 引入:
在 HTML 文件中添加以下代碼引入百度地圖的 JavaScript API: <script src="https://api.map.baidu.com/api?v=3.0&ak=你的密鑰"></script>其中,將 “你的密鑰” 替換為你在百度地圖開放平臺申請到的密鑰。
使用 npm 安裝:
運行npm install vue-baidu-map --save安裝vue-baidu-map插件。
三、在 Vue 項目中使用百度地圖
如果是通過 CDN 引入:
在 Vue 組件中,可以直接通過全局變量BMap來使用百度地圖。例如: mounted() {
c*t map = new BMap.Map('mapContainer'); // 創(chuàng)建地圖實例,其中'mapContainer'是放置地圖的容器的 ID
map.cen*ndZoom(new BMap.Point(11*04, 39.915), 11); // 設(shè)置地圖中心點和縮放級別
}如果是使用