微信小程序接入高德地图
- 前端
- 三生万物
- 0
下载高德地图微信版：https://lbs.amap.com/api/wx/download
把下载的amap-wx.js放到libs目录下
在js引用
var amap = require("../../libs/amap-wx.js");
Page({
data: {
longitude: 117.305015,
latitude: 31.834695,
scale: 7
},
onLoad: function () {
var map = amap.AMapWX({key: '高德地图应用key'}); // 注意：需要是微信小程序应用的key才行，高德开放平台：https://lbs.amap.com/
},
onShow: function () {},
});
高德地图微信版API：https://lbs.amap.com/api/wx/reference/core
在wxml调用map组件
<view>
<map longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}"></map>
</view>
wxss样式
.amap {
width: 100vw;
height: 100vh;
}
参考链接：
- https://blog.csdn.net/weixin_39815001/article/details/84616634
免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。
