uniapp 使用高德
时间: 2023-10-24 10:08:36 浏览: 107
uniapp 可以使用高德地图 SDK 进行开发。具体步骤如下:
1. 在高德开放平台注册账号并创建应用,获取应用的 App Key。
2. 在 uniapp 项目中安装高德地图 SDK 插件,例如 `uni-amap-map`。
3. 在需要使用地图的页面中引入插件并初始化地图,例如:
```
<template>
<view>
<amap :longitude="longitude" :latitude="latitude" :markers="markers"></amap>
</view>
</template>
<script>
import amap from '@/components/uni-amap-map/components/amap.vue'
export default {
components: {
amap
},
data() {
return {
longitude: 116.397428,
latitude: 39.90923,
markers: [{
id: 1,
longitude: 116.397428,
latitude: 39.90923,
iconPath: '/static/marker.png',
width: 32,
height: 32
}]
}
}
}
</script>
```
其中,`longitude` 和 `latitude` 分别表示地图中心点的经纬度,`markers` 表示标记点的信息。
4. 在应用中使用高德地图 SDK 的其他功能,例如搜索、定位等。
阅读全文