小程序地图选点

效果图如下：

第一步：申请腾讯地图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方法放在页面初始化或者点击事件里（看逻辑需求），其他的配置和引用都一样。