• 微信小程序-地图


    Page({

    /**
    * 页面的初始数据
    */
    data: {
    latitude:'',
    longitude: '',
    },

    closeLocation:function(){
    // wx.openSetting({
    // success:function(res){
    // wx.chooseLocation({
    // success: function(res) {
    // console.log(res)
    // wx.openLocation({
    // latitude: res.latitude,
    // longitude: res.longitude,
    // name:res.name,
    // address:res.address
    // })
    // },
    // })

    // }
    // })

    wx.chooseLocation({
    success: function(res) {
    console.log(res)
    wx.openLocation({
    latitude: res.latitude,
    longitude: res.longitude,
    name:res.name,
    address:res.address
    })
    },
    })
     
    },
    /**
    * 生命周期函数--监听页面加载
    */
    onLoad: function () {
    var that=this;
    wx.getLocation({
    type:'wgs84',
    success: function(res) {
    console.log(res)
    that.setData({
    latitude : res.latitude,
    longitude :res.longitude

    })
     
    },
    })
    },

    /**
    * 生命周期函数--监听页面初次渲染完成
    */
    onReady: function () {
     
    },

    /**
    * 生命周期函数--监听页面显示
    */
    onShow: function () {
     
    },

    /**
    * 生命周期函数--监听页面隐藏
    */
    onHide: function () {
     
    },

    /**
    * 生命周期函数--监听页面卸载
    */
    onUnload: function () {
     
    },

    /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
    onPullDownRefresh: function () {
     
    },

    /**
    * 页面上拉触底事件的处理函数
    */
    onReachBottom: function () {
     
    },

    /**
    * 用户点击右上角分享
    */
    onShareAppMessage: function () {
     
    }
    })
     
     
    <map latitude='{{latitude}}' longitude='{{longitude}}' style='100%;height:550px' controls/>
    <button type='primary' bindtap='closeLocation'>选择地理位置</button>
     
     
     
  • 相关阅读:
    .net程序控制post数据 需登陆后保持session的方法
    简单分页查询SQL语句
    通过文本编辑器提交报从客户端中检测到有潜在危险的 Request.Form 值的错误
    Visual Studio 很卡、重置初始状态
    Jquery获取url中的参数
    Centos 6 安装桌面环境
    Jquery使用ajax实例
    一般处理程序使用session
    如何简单的发布一个react组件npm包
    BFC、IFC、GFC 和 FFC的概念
  • 原文地址:https://www.cnblogs.com/liubaihui/p/9071849.html
Copyright © 2020-2023  润新知