一、高德地圖樣式主題設(shè)置
可選樣式:
語法格式如下:
二、在vue中使用
創(chuàng)建地圖實例map,引用setMapStyle方法
代碼如下(示例):
async initMap() {
? ? ? let AMap = await AMapLoader.load({
? ? ? ? key: '您申請的key',
? ? ? ? version: '2.0',
? ? ? ? plugins: [
? ? ? ? ? 'AMap.PolygonEditor',
? ? ? ? ? 'AMap.Autocomplete',
? ? ? ? ? 'AMap.PlaceSearch',
? ? ? ? ? 'AMap.Scale',
? ? ? ? ? 'AMap.OverView',
? ? ? ? ? 'AMap.ToolBar',
? ? ? ? ? 'AMap.MapType',
? ? ? ? ? 'AMap.PolyEditor',
? ? ? ? ? 'AMap.CircleEditor',
? ? ? ? ? 'AMap.Geolocation',
? ? ? ? ? 'AMap.Geocoder',
? ? ? ? ? 'AMap.AMapUI']
? ? ? })
? ? ? this.map = new AMap.Map('container', {
? ? ? ? center: [114.206641,24.059909],
? ? ? ? resizeEnable: true,
? ? ? ? zoom: 15,
? ? ? ? plugin: [? //一些工具插件
? ? ? ? ? {
? ? ? ? ? ? pName: 'MapType',? //地圖類型
? ? ? ? ? ? defaultType: 0,
? ? ? ? ? ? events: {
? ? ? ? ? ? ? init(instance) {
? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? }
? ? ? ? ]
? ? ? })
? ? ? // 縮放地圖到合適的視野級別
? ? ? this.map.setFitView()
? ? ? this.map.setMapStyle('amap://styles/darkblue')
? ? },