高德的图创建实例记录 JSAPI 2.0

<div id="lhwmap" style="width:100%;height: 400px;"></div>

<script src="https://webapi.amap.com/maps?v=2.0&key=f301688cccdde2e101fc68571038a9b7"></script>
<script>
     var map = new AMap.Map('lhwmap', {
            	viewMode: '3D',
            	pinch:45,
              resizeEnable: true,
              zoom: 12,
              center: [122.14862,37.423575],
              lang: "zh_en",//可选值：en，zh_en, zh_cn
              mapStyle: "amap://styles/dark", //可选值 ：normal，grey，dark
            });
            var marker = new AMap.Marker({
              position: [122.14862,37.423575],
              //icon 默认蓝色，被注释的是红色图标
              //icon: "https://webapi.amap.com/theme/v1.3/markers/n/mark_r.png"
            });
            marker.setMap(map);
            var circle = new AMap.Circle({
              center: [122.14862,37.423575],
              redius: 5,
              fillOpacity: 0.1,
              fillColor: '#008c87',
              strokeColor: '#008c87',
              strokeWeight: 1
            });
            circle.setMap(map);
            map.setFitView();
		   AMap.plugin([
		   	'AMap.ToolBar','AMap.Scale','AMap.ControlBar'],function(){
		            map.addControl(new AMap.ToolBar());
		            map.addControl(new AMap.Scale());
		            //添加3D罗盘控制
		            map.addControl(new AMap.ControlBar({
		            	position:{
		            		right:'20px',
		            		top:'20px'
		            	},
		            	showControlButton:true,
		            }));
		    });
</script>