您现在的位置: 开发 > 地图 JS API v2.0 > 教程 > 入门 > 准备

准备 最后更新时间: 2021年04月21日

本章介绍使用高德地图 JS API 开发地图应用之前的一些准备工作。

注册账号并申请Key

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

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

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

准备页面

1. 如果是移动端开发,请在head标签内添加viewport meta标签,以达到最佳的绘制性能;

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

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

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

2. 通过 css 为地图容器指定高度、宽度;

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

4. 引入地图 JSAPI 脚本,点击查看更多 JSAPI 加载方式(非常重要)

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

5. 在完成如上准备工作之后便可以开始进行开发了。


新用户
福利
示例
中心
常见
问题