在线高德地图Demo（新测）

先看看效果，再看看配置和代码，这样会更有兴趣，哈哈

 

一、注册账号并申请Key

1. 首先，注册开发者账号，成为高德开放平台开发者

2. 登陆之后，在进入「应用管理」 页面「创建新应用」

3. 为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」

二、 在页面添加 JS API 的入口脚本标签，并将其中「您申请的key值」替换为您刚刚申请的 key；

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=您申请的key值"></script> 

三、 添加div标签作为地图容器，同时为该div指定id属性；

HTML

<div id="container"></div>