高德地图开发从入门到精通之一：高德地图加载

（1） 首先在html主页面中引入高德地图的JavaScript文件：

<script src="https://webapi.amap.com/maps?v=2.0&key=yourkeys"></script>

建议使用高德最新的2.0版，“yourkeys”是你在高德申请的key值，申请方法如下：

在弹出的框中，输入应用名称，并选择应用类型：

新建应用完成后，即可在控制台看到该应用，复制该应用的Key值，换入”yourkeys”中即可。
（2） 高德地图初始化加载
在html主页面新建一个空的div标签，为其设置id（该id与地图初始化标签相对应），如下：

然后编写java script代码，如下：

map = new AMap.Map("main", {
    
    
    resizeEnable: true,
    center: [113.851563, 22.761749],//[114.041206765, 22.650795773],
    zooms: [7, 24],
    zoom: 7,
    viewMode: '3D',
    pitch: 0,
    //showLabel: false, //不显示地图文字标记
    features: ['bg', 'road', 'building', 'point'],
    mapStyle: 'amap://styles/blue'//light
});

其中“viewMode”设置为是否显示为三维浏览模式，“pitch”为设置为三维模式后的地图倾斜度，“zooms”设置为地图的显示级别，“zoom”设置为地图初始化之后地图显示的级别，“mapStyle”为地图的显示样式；“center”为地图初始化之后的地图显示中心点。