javajs⾼德api_准备-⼊门-教程-地图JSAPI⾼德地图API
本章介绍使⽤⾼德地图 JS API 开发地图应⽤之前的⼀些准备⼯作。
注册账号并申请Key
1. ⾸先，注册开发者账号，成为⾼德开放平台开发者
2. 登陆之后，在进⼊「应⽤管理」 页⾯「创建新应⽤」
3. 为应⽤添加 Key，「服务平台」⼀项请选择「 Web 端 ( JSAPI )」
准备页⾯
1.在页⾯添加 JS API 的⼊⼝脚本标签，并将其中「您申请的key值」替换为您刚刚申请的 key；
javascript说明2.添加div标签作为地图容器，同时为该div指定id属性；
3.为地图容器指定⾼度、宽度；
#container {width:300px; height: 180px; }
4.进⾏移动端开发时，请在head内添加viewport设置，以达到最佳的绘制性能；
5.在完成如上准备⼯作之后便可以开始进⾏开发⼯作了，查看快速⼊门。
异步加载 JS API
上⼀节说明的是最基本的同步加载 JS API 的⽅式，如果您需要异步加载，⽐如通过appendChild，或者通过require等异步⽅式来加载，这时需要您需要先准备⼀个全局的回调函数作为 JS API 异步加载的回调函数，并将其函数名作为callback参数添加在 JS API 的引⽤地址后⾯，此时要注意，回调函数应该在脚本请求发出之前进⾏声明。异步加载⽅式只有在回调之后，才能开始调⽤JSAPI的相关接⼝。⽐如
var map = new AMap.Map('container');
}
var url = 'webapi.amap/maps?v=1.4.15&key=您申请的key值&callback=onLoad';
var jsapi = ateElement('script');
jsapi.charset = 'utf-8';
jsapi.src = url;
document.head.appendChild(jsapi);
更多的加载⽅式，请查看「JS API 的加载」
HTTPS 的⽀持
JSAPI 1.3 开始完全⽀持 HTTPS 协议，如需使⽤安全协议，替换 JS API 的⼊⼝脚本URL中的http为https即可。随着 Chrome、iOS 等相继限制⾮安全域的定位请求，我们建议您升级⽹站到HTTPS协议，并使⽤HTTPS协议加载 JS API。
相关⽂档

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。