高德地图JS开发之入门

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/diypp2012/article/details/77572690

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&amp;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值，设置显示地图的层级和中心点。

以上三步，实现地图的基本显示。