html中地图定位样式怎么写,标准样式主题-自定义地图样式-示例中心-JS API 示例 | 高德地图API...

英文、中英文地图

html,

body,

#container {

width: 100%;

height: 100%;

}

#map-styles .input-item {

height: 2rem;

}

#map-styles .input-item span{

display: inline-block;

width: 4rem;

}

#map-styles .input-item .input-text {

color: #0288d1;

margin-left: 1rem;

margin-right: 0rem;

width: 6rem;

}

官方默认自定义样式

标准

normal

幻影黑dark

月光银light

远山黛whitesmoke

草色青fresh

雅士灰grey

涂鸦graffiti

马卡龙macaron

靛青蓝blue

极夜蓝darkblue

酱籽wine

//初始化地图

var map = new AMap.Map('container', {

resizeEnable: true, //是否监控地图容器尺寸变化

mapStyle: "amap://styles/whitesmoke"

});

//绑定radio点击事件

var radios = document.querySelectorAll("#map-styles input");

radios.forEach(function(ratio) {

ratio.onclick = setMapStyle;

});

function setMapStyle() {

var styleName = "amap://styles/" + this.value;

map.setMapStyle(styleName);

}