微信小程序地图标注

肉松南瓜小贝

已于 2022-02-14 16:50:29 修改

阅读量2k

点赞数

文章标签：微信小程序 p2p webview

于 2022-02-14 16:48:55 首次发布

本文链接：https://blog.csdn.net/zb0109/article/details/122927640

版权

本文介绍了如何在微信小程序中实现地图标注功能。首先创建点击事件，然后加载事件用于获取数据库中存储的经度和纬度信息。当用户点击时，会跳转到地图页面，并将经纬度传递给该页面。在地图页面，会初始化数据并根据接收到的经纬度渲染地图视图。

摘要由CSDN通过智能技术生成

// 创建点击事件

<view bindtap="click">地图周边 ></view>

// 加载事件发送请求获取数据库存储的经度纬度

onLoad: function (options) {

      let _this = this

        let id = options.id;

        wx.request({

          url: 'http://www.www.com/index.php/msg',

          data:{id:id},

          success(e){

                let data = e.data.data;

                let latitude= e.data.data.latitude;

                let longitude=e.data.data.longitude;

                _this.setData({data,latitude,longitude})

            }  

        })

},

// 点击事件跳转页面将经度纬度传到地图页面

   click(){

      let latitude = this.data.latitude;

      let longitude = this.data.longitude;

      wx.navigateTo({

        url: '/pages/map/map?latitude='+latitude+"&&longitude="+longitude,

      })

    },

// 地图页面