vue3 加载mapboxgl 方法
时间: 2023-10-09 20:04:45 浏览: 188
vue+mapboxgl 添加点,添加注记
Vue3 加载 mapboxgl 方法可以在组件的 mounted 钩子中使用以下代码实现:
```javascript
import mapboxgl from 'mapbox-gl';
export default {
mounted() {
// 通过 Access Token 获取 mapboxgl 对象
mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
// 创建 mapboxgl 地图对象
const map = new mapboxgl.Map({
container: 'map', // 指定地图容器 ID
style: 'mapbox://styles/mapbox/streets-v11', // 指定地图样式
center: [yourLongitude, yourLatitude], // 指定地图中心点经纬度坐标
zoom: yourZoom, // 指定地图缩放级别
});
},
};
```
注意:在使用 mapboxgl 时需要替换 Access Token,否则可能会出现错误。
阅读全文