小程序地图选点

效果图如下:


第一步:申请腾讯地图key,下载jssdk(需要引用),公众平台添加“地图选点”插件(设置-》第三方设置-》插件管理)

第二步:app.json里的配置

    permission: {

      "scope.userLocation": {

        "desc": "你的位置信息将用于小程序位置接口的效果展示"

      }

    },

    plugins: {

        chooseLocation: {

        version: "1.0.3",

        provider: "wx76a9a06e5b4e693e"

        }

    },

第三步:页面引用

let QQMapWX = require('./../../static/js/qqmap-wx-jssdk.js');

let qqmapsdk

生命周期里实例化

        // 实例化API核心类

        qqmapsdk = new QQMapWX({

            key: 'key'//腾讯地图的key

        });

第四步:跳转

    //地图选点

    Map(){

        this.moveToLocation()

    }

    moveToLocation() {

        Taro.chooseLocation({

            success: function (res) {

                console.log('点击确定')

                console.log(res)

            },

            fail: function (err) {

                console.log('点击取消')

                console.log(err)

            }

        });

    }

使用的Taro,写法和原生有点不一样。原生的话moveToLocation方法放在页面初始化或者点击事件里(看逻辑需求),其他的配置和引用都一样。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容