1.高德地图JavaScript API引入:
方式1:页面直接引入
<script type="text/javascript"src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
方式2:异步加载引入
<scriptsrc="http://webapi.amap.com/maps?v=1.3&key=您申请的key值&callback=init"></script>
<script>
functioninit(){
//此处为回调函数执行的代码
}
</script>
2. 设置地图显示的容器
<div id="container"style="width:500px; height:300px"></div>
3. 创建地图实例,用于显示
var map = new AMap.Map('container',{
zoom:10,
center: [116.39,39.9]
});
关联显示容器的id值,设置显示地图的层级和中心点。
以上三步,实现地图的基本显示。