> ## 组件 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' }) ```