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 事件 |