1、引入高德地图API
<script type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.6&key=你的key值"></script>
2、创建地图
<div id="map" style="height: 400"></div>
3、JavaScript中的实现
var map = new AMap.Map('map',{
resizeEnable: true,
zoom: 18,
center: [Longitude, Latitude]
});
AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
function(){
map.addControl(new AMap.ToolBar()); //工具条
map.addControl(new AMap.Scale()); //比例尺
map.addControl(new AMap.OverView({isOpen:true})); //鹰眼
});
var marker = new AMap.Marker({map:map});
});
结果运行截图: