> ## 組件 wl-map 使用文檔 ``` <wl-map :lng="lng" :lat="lat" :zoom="zoom" width="600px" height="300px" @clickMap="clickMap1"></wl-map> ``` ### wl-select-country props | 屬性 | 說明 | 類型 | 默認值 | | --- | --- | --- | --- | | lng | 經度 | Number | 123.429 | | lat | 緯度 | Number | 41.796 | | zoom | 縮放級別 | Number | 11 | | width | 寬度 | String | 400px | | height | 高度 | String | 300px | ``` methods: { clickMap1 (data) { console.log('====data=======') console.log(data) // {lng: 123.801545, lat: 42.20512} console.log('=====data======') } } ``` ### 備注說明 - #### 單擊地圖組件拋出 clickMap 事件，參數為經緯度對象 ``` {lng: 123.801545, lat: 42.20512} ``` - #### 組件的使用需要配置 ak， 里面需要提供域名白名單配置 ``` import BaiduMap from 'vue-baidu-map' // 引入百度地圖 Vue.use(BaiduMap, { // ak 是在百度地圖開發者平臺申請的密鑰 詳見 http://lbsyun.baidu.com/apiconsole/key */ ak: '4Q3QAXhqZlB0B2P0uHESLgEtqlsLPAgX' }) ```