小程序查看指定位置的地图

最新推荐文章于 2023-07-27 16:11:02 发布

原创最新推荐文章于 2023-07-27 16:11:02 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

该博客介绍了在小程序项目中，因只能获取当前位置地图，调用腾讯位置服务的geocoder()方法实现地址描述到位置坐标转换，再用微信内置方法wx.openLocation()查看位置，还提及引入微信小程序JavaScriptSDK和调用geocoder。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于小程序只能获取当前位置的地图，所以在项目调用了腾讯位置服务的geocoder()方法，提供由地址描述到所述位置坐标的转换，再使用微信内置方法 wx.openLocation()地图查看位置。
1.引入微信小程序JavaScriptSDK
2.调用geocoder

JS代码

var QQMapWX = require('../../assets/js/qqmap-wx-jssdk.js');
var qqmapsdk;
onLoad: function (options) {
       qqmapsdk = new QQMapWX({
            key: '' //密钥
        });
}
map(){
        let that=this
        qqmapsdk.geocoder({
            address: that.data.user.city,
            success:function (res) {
                var res = res.result;
                console.log(res)
                var latitude = res.location.lat;
                var longitude = res.location.lng;
                wx.openLocation({ //使用微信内置地图查看位置。
                    latitude:  latitude, //要去的纬度-地址
                    longitude: longitude, //要去的经度-地址
                    address: that.data.user.city,
                    name:''
                })
            }
        })
    },