一、简介

点击定位图片可查看地图(显示的地址是提前预设好的)

注意：使用微信开发者工具打开，H5报错: [system] Map key not configured。原因：H5 端使用地图和定位相关，需要配置腾讯或谷歌等三方地图服务商申请的秘钥。

二、代码

<template><view class="content"><image src="../../static/images/address.png" mode="aspectFill" class="address" @click="location">image>view>
template><script>export default {data() {return {}},onLoad() {},methods: {// 查看定位location() {uni.openLocation({// latitude: parseFloat(this.details.lat),// longitude: parseFloat(this.details.lon),// 上海东方明珠的定位latitude: 31.245549,//纬度longitude:121.506375,//经度address: "地址：XXXX",name: "景点名称"});}}}
script><style lang="scss">.address {width: 80rpx;height: 80rpx;}
style>

三、其他

参考网址：
https://uniapp.dcloud.net.cn/api/location/open-location.html#openlocation

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！