uniapp的app端怎么引入高德地图api
时间: 2023-08-23 14:05:32 浏览: 171
好的,下面是uniapp中引入高德地图API的方法。
首先,你需要在高德开放平台网站上注册开发者账号,并创建一个应用,获取到你的应用key。具体操作可以参考高德官方文档:https://lbs.amap.com/api/webservice/guide/create-project/get-key
然后,你可以在uniapp项目中使用插件的方式引入高德地图SDK,可以在uniapp官网提供的插件市场中搜索高德地图相关插件进行安装,或者在项目的`manifest.json`文件中添加以下代码:
```
"app-plus": {
"modules": {
"amap": {
"version": "1.0.0",
"provider": "wx55c7b7e4be3a3f35"
}
}
}
```
其中,`wx55c7b7e4be3a3f35`为高德地图SDK的提供者ID,可以在插件市场中查看。
接下来,在需要使用高德地图API的页面中,可以通过以下方式引入:
```
<script src="https://webapi.amap.com/maps?v=1.4.15&key=你的应用key"></script>
```
这里使用了高德地图API的CDN地址,你需要将`你的应用key`替换成你申请到的应用key。
引入完成后,你就可以在页面中使用高德地图的API了,比如创建地图、搜索POI等等。具体使用方法可以参考高德官方文档:https://lbs.amap.com/api/javascript-api/summary/
希望以上内容对你有所帮助。
阅读全文