步骤:
1、map.vue文件
<template>
<view>
<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
</view>
</template>
<script>
export default {
data() {
return {
id:0, // 使用 marker点击事件 需要填写id
title: 'map',
latitude: 39.909,
longitude: 116.39742,
covers: [{
latitude: 39.909,
longitude: 116.39742,
iconPath: '../../../static/logo.png'
}, {
latitude: 39.90,
longitude: 116.39,
iconPath: '../../../static/logo.png'
}]
}
},
methods: {
}
}
</script>
<style>
</style>
2、manifest.json配置
3、打包运行
x***@163.com (作者)
3.4.14
2022-06-12 14:44
小枫叶
回复 x***@163.com: 用高德的key这样显示不
2022-06-12 16:49
小枫叶
回复 x***@163.com: 要不你把demo发我看看 我试下
2022-06-12 16:50
x***@163.com (作者)
回复 小枫叶: 我今天又试了3.4.15版本,使用高德和百度地图,即使KEY填错,打包安装也不会出现未添加maps的提示,只要一勾选google地图,打包安装就会出现上述提示,打包时未添加maps模块。怎么把demo发给你?
2022-06-12 21:15
x***@163.com (作者)
回复 小枫叶:demo很简单,就新建一个uniapp空工程,然后新建一个map.vue页面,把上边的代码添加进来,然后再index.vue中添加点击事件,跳转到map.vue页面。然后配置manifest.json清单文件,模块配置,勾选maps->google地图,填写key,然后云打包,安装,打开地图页面,就会出现上述弹窗
2022-06-12 21:25