JS API 2.0版本提供了两种方式引入JSAPI:
- JSAPI Loader(推荐)
- 直接引入JSAPI脚本
<script src = 'https://webapi.amap.com/maps?v=2.0&key=您申请的key值'></script>
这里采取的是JSAPI Loader的方式(可有效避免异步加载问题,且多次执行加载操作时不会重复请求网络资源等)。
普通的HTML页面
在页面创建地图对象
1 | <!-- 地图容器 --> |
获取定位
1 | // 获取位置 |
地点搜索
1 | // 地址搜索 |
周边搜索
1 | // 周边搜索 |
Vue
安装 npm i @amap/amap-jsapi-loader –save
使用
1 | <script> |
微信小程序(小程序的key和web端的不同,需重新创建)
1 |