以下是在uniapp中使用高德地图的步骤：
-
首先需要在高德地图官网申请一个属于自己的高德地图key。
-
在uniapp项目中安装高德地图插件，可以使用以下命令进行安装：
npm install --save uni-simple-router npm install --save uview-ui npm install --save uview-ui -
在需要使用高德地图的页面中引入高德地图插件
import amap from '@/components/amap/amap.vue'4.在页面中使用高德地图插件：
<template>
<view>
<amap :key="key" :longitude="longitude" :latitude="latitude" :markers="markers"></amap>
</view>
</template>
<script>
export default {
data() {
return {
key: 'your amap key',
longitude: 116.397428,
latitude: 39.90923,
markers: [{
id: 1,
longitude: 116.397428,
latitude: 39.90923,
iconPath: '/static/images/location.png',
width: 50,
height: 50
}]
}
}
}
</script>其中，key为你在高德地图官网申请的key，longitude和latitude为地图的中心点坐标，markers为标记点的信息。
5.在manifest.json文件中添加高德地图插件的配置： 文章来源：https://www.toymoban.com/news/detail-788269.html
{
"mp-weixin": {
"plugins": {
"amap": {
"version": "1.0.0",
"provider": "wx92c75a9e3b8e6c8e"
}
}
}
}其中，provider为高德地图插件的提供商。文章来源地址https://www.toymoban.com/news/detail-788269.html
到了这里，关于uniapp小程序使用高德地图步骤的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
