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 属性来让地图缩放或者飞行

属性

属性描述
accessTokenmapboxgl 的授权码,必填
options可选其他属性,参考 mapboxgl.Map 里的 参数open in new window

事件

事件描述
loaded监听地图的 load 事件
Last Updated:
Contributors: timeroute