微信小程序使用高德地图 最后在手机上显示的地图是腾讯地图为什么

葉幺 2020-08-25 11:38:28

<template>
<view class="content">
<view class="map_container">
<map class="map" id="map" :longitude="longitude" :latitude="latitude" scale="14" show-location="true" :markers="markers" bindmarkertap="makertap"></map>
</view>
<view class="map_text">
<text class="h1">{{textData.name}}</text>
<text>{{textData.desc}}</text>
</view>
</view>
</template>


// import amapFile from "@/libs/amap-wx.js";
var amapFile=require('@/libs/amap-wx.js');
var markersData = [];
export default {
data() {
return {
markers: [],
latitude: '',
longitude: '',
textData: {}
}
},
makertap: function(e) {
var id = e.markerId;
var that = this;
that.showMarkerInfo(markersData,id);
that.changeMarkerColor(markersData,id);
},
onLoad: function() {
var that = this;
var myAmapFun = new amapFile.AMapWX({key:'高德地图小程序Key'});
myAmapFun.getPoiAround({
iconPathSelected: "/static/marker_checked.png", //如:..­/..­/img/marker_checked.png
iconPath: "/static/marker.png", //如:..­/..­/img/marker.png
success: function(data){
console.log(data)
markersData = data.markers;
that.markers = markersData
that.latitude = markersData[0].latitude
that.longitude = markersData[0].longitude
that.showMarkerInfo(markersData,0);
},
fail: function(info){
uni.showModal({title:info.errMsg})
}
})
},
methods: {
showMarkerInfo: function(data,i){
this.textData = {name: data[i].name,desc: data[i].address}
},
changeMarkerColor: function(data,i){
var that = this;
var markers = [];
for(var j = 0; j < data.length; j++){
if(j==i){
data[j].iconPath = "/static/marker_checked.png"; //如:..­/..­/img/marker_checked.png
}else{
data[j].iconPath = "/static/marker.png"; //如:..­/..­/img/marker.png
}
markers.push(data[j]);
}
this.markers = markers
}
}
}


.map_container{
position: absolute;
top: 0;
bottom: 80px;
left: 0;
right: 0;
}
.map{
width: 100%;
height: 100%;
}
.map_text{
position: absolute;
left: 0;
right: 0;
bottom: 0px;
height: 80px;
background: #fff;
padding: 0 15px;
}
text{
margin: 5px 0;
display: block;
font-size:12px;
}
.h1{
margin: 15px 0;
font-size:15px;
}

最后显示出来的图标显示腾讯地图
...全文
30788 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_59438061 2023-07-05
  • 打赏
  • 举报
回复

不知道为什么但是我看了uniapp的文档,高德不支持小程序的版本

weixin_40161503 2021-12-07
  • 打赏
  • 举报
回复

请问楼主现在知道为什么会这样了吗,我一度怀疑自我了......!!!

sczhoubing 2020-09-03
  • 打赏
  • 举报
回复
引用 5 楼 葉幺 的回复:
[quote=引用 4 楼 sczhoubing 的回复:]第三方地图会打水印,腾迅地图不打水印.
你的意思是 我这边是使用高德地图 只是显示的水印是腾讯的吗[/quote]https://developers.weixin.qq.com/community/develop/doc/0002e2eb764a68a9fd675ffb651400?_at=1599127729084
sczhoubing 2020-09-03
  • 打赏
  • 举报
回复
是的 [字数填充]
葉幺 2020-09-02
  • 打赏
  • 举报
回复
引用 4 楼 sczhoubing 的回复:
第三方地图会打水印,腾迅地图不打水印.
你的意思是 我这边是使用高德地图 只是显示的水印是腾讯的吗
sczhoubing 2020-09-02
  • 打赏
  • 举报
回复
第三方地图会打水印,腾迅地图不打水印.
葉幺 2020-08-28
  • 打赏
  • 举报
回复
引用 2 楼 葉幺 的回复:
有人遇到过吗
有大佬再看吗
葉幺 2020-08-26
  • 打赏
  • 举报
回复
有人遇到过吗
葉幺 2020-08-25
  • 打赏
  • 举报
回复
使用的是uni-app开发的

3,156

社区成员

发帖
与我相关
我的任务
社区描述
微信开发即微信公众平台开发,将企业信息、服务、活动等内容通过微信网页的方式进行表现,通过二次开发可以将公众账号由一个媒体型营销工具转化成提供服务的产品。
社区管理员
  • 微信开发
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧