在vue 中使用maxBox

1、 先安装

npm install mapbox-gl --save

2、在单页中引用

import mapboxgl from 'mapbox-gl'
import 'mapbox-gl/dist/mapbox-gl.css' 

3、语言包安装和使用

npm install @mapbox/mapbox-gl-language --save

单页面中使用

import MapboxLanguage  from '@mapbox/mapbox-gl-language'

在初始化地图方法中设置语言

var language = new MapboxLanguage({ defaultLanguage: "zh" });
this.map.addControl(language);

添加导航控制条

var nav = new mapboxgl.NavigationControl();
this.map.addControl(nav, 'bottom-right');

隐藏mapbox商标信息

// 隐藏mapbox商标
.mapboxgl-ctrl-logo {
    display: none;
}

完整代码