VMap
这是最顶层组件,所有的组件必须包含在 v-map 里。
当然,v-map 组件暴露了一个 map 变量,该变量是一个实例化的 mapboxgl.Map 类。你依然可以在 v-map 外部组件调用使用该变量来操作地图。
或者你可以在 v-map 里自定义一个组件,并使用 teleport 来指向外部的容器。
<v-map>
其他 mapvue 组件
</v-map>
例子
初始化地图
初始化一个基础的地图并且监听 loaded 事件,loaded 事件还原了 map.on('load') 的回调函数。
更新属性
通过改变 v-map 组件的 zoom 或者 center 属性来让地图缩放或者飞行
属性
| 属性 | 描述 |
|---|---|
| accessToken | mapboxgl 的授权码,必填 |
| options | 可选其他属性,参考 mapboxgl.Map 里的 参数 |
事件
| 事件 | 描述 |
|---|---|
| loaded | 监听地图的 load 事件 |
