用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    981

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    2017-1-16 17:53:31 柿霖不是林 咫尺尊享 楼主 72545
    点评:滴滴拉粑粑,用于学习地图上自定义覆盖物





    [HTML] 纯文本查看 复制代码
    Page({
      data: {
        height: 0,
        center: [113.324520,23.099994],
        markers: []
      },
      regionchange(e) {
        console.log(e.type)
      },
      markertap(e) {
        console.log(e)
        let mark = {}
        this.data.markers.map((ele)=>{
          if(ele.id == e.markerId)
            mark = ele
        })
        wx.navigateTo({
          url:'../logs/logs?lat='+mark.latitude+'&lng='+mark.longitude+'&address='+mark.address+'&distance='+mark._distance
        })
        return
        wx.showModal({
      title: '厕所地址',
      content: mark.address+' ('+mark._distance.toFixed(0)+'m)',
      showCancel: false,
      success: function(res) {
        if (res.confirm) {
          console.log('用户点击确定')
        }
      }
    })
      },
      onLoad() {
        const system = wx.getSystemInfoSync()
        this.setData({
          height: system.windowHeight
        })
        wx.getLocation({
          type: 'wgs84',
          success: (res) => {
            this.setData({
              center: [res.longitude, res.latitude]
            })
            console.log(res.longitude, res.latitude)
            wx.request({
              url: 'https://api.getweapp.com/vendor/qqmap/search/toilet',
              data: {
                lat: res.latitude,
                lng: res.longitude,
                page: 1
              },
              success:(res)=>{
                res.data.data.map((e)=>{
                  e.iconPath = "/images/matong.png"
                  e.width = 50
                  e.height = 50
                  e.latitude = e.location.lat
                  e.longitude = e.location.lng
                })
                this.setData({
                  markers: res.data.data
                })
                console.log(res.data.data)
              }
            })
          }
        })
      }
    })







    [HTML] 纯文本查看 复制代码
    <map id="map" longitude="{{center[0]}}" latitude="{{center[1]}}" scale="14" markers="{{markers}}" bindmarkertap="markertap"  show-location style="width: 100%; height: {{height}}px;"></map>





    游客,如果您要查看本帖隐藏内容请回复

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    啥也不说了,感谢楼主分享哇!
    参考学习
    使用道具 举报 回复
    感谢分享
    使用道具 举报 回复
    谢谢楼主了!!!
    先感谢分享
    先感谢分享
    2018-5-21 17:42:37 txl 新人求带
    8#
    213333333333333333333
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略