高德地图网页端js API

注册账号并申请Key

1. 首先，注册开发者账号，成为高德开放平台开发者 https://lbs.amap.com/api/javascript-api/guide/abc/prepare

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

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

准备页面

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

HTML

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

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

HTML

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

3. 为地图容器指定高度、宽度；

CSS

#container {width:300px; height: 180px; }

4. 进行移动端开发时，请在head内添加viewport设置，以达到最佳的绘制性能；

HTML

<meta name="viewport" content="initial-scale=1.0, user-scalable=no">

5. 在完成如上准备工作之后便可以开始进行开发工作了，查看快速入门。

来源：博客园

作者：liuhao1992

链接：https://www.cnblogs.com/lhqdbk/p/11570580.html