领先的互联网解决方案提供商!

深圳 : 0755-2101 0201 广州 : 020-8092 8113 东莞 : 0769-3326 0066 <<<全国分公司
  • 网站建设
  • SEO推广
  • 客户案例
  • 联系我们
  • 扫描添加微信

    30秒获取报价:

    提交您的电话,免费赠送一年维护及关键词排名

  • 联系人*
  • 手机号*
  • 沙河做网站建设公司-小程序教程之腾讯地图及导航的使用

    您现在的位置:首页 > 帮助中心
    作者: 发布于:2019-4-11 15:45:19 点击量:

    前段时间有个群友问起小程序地图怎么点击直接进行导航!刚好我也在网上查找了下相关代码,整理了下,下面就是详细的说明!

    首先在wxml文件中输入地图代码,相关内容自行查阅小程序开发教程


    longitude:经度

    latitude:纬度

    markers:标记(这个要动态的传递数值,所以这里就使用{{markers}})

    下面就是markers的数值传递,在page的data中设置markers数组的值

    Page({
      data: {
        markers: [{
          iconPath: "/images/location.png",//定位图标
          id: 0,
          latitude: 28.2174900000,//纬度
          longitude: 112.8977300000,//经度
          width: 50,//图标宽
          height: 50,//图标高
        }],
      }, 
    })

    这样前端的地图组件就定位完成!


    下一步操作就是怎么进行直接导航,这里使用微信自带的导航组件wx.openLocation(相关内容自行查阅小程序开发教程)

    首先在地图上绑定一个事件,使用bindtap="mapclick" 来绑定点击地图的操作事件mapclick,然后就是设置点击事件。

    mapclick: function () {
        wx.openLocation({
          latitude: 28.2174900000,//纬度
          longitude: 112.8977300000,//经度
          scale: 18,//缩放
          name: '湖南翱云网络科技有限公司',
          address: '湖南长沙岳麓区桐梓坡西路雅阁国际'
        })
      },




    上一篇: 南宫做网站建设公司-Windows服务器IIS安全工具-D盾_防火墙
    下一篇: 武安做网站建设公司-MySQL数据库管理工具-phpMyAdmin

    提交您的电话,免费赠送一年维护及关键词排名

  • 联系人*
  • 手机号*
    1. 首页
    2. 网站建设
    3. 网站推广
    4. 软件开发
    5. 案例展示
    6. 关于我们
    7. 联系我们

      扫码添加微信咨询

    Copyright 2008-2018 深圳市信科网络科技有限公司 Shenzhen Sinco Network Co., Ltd 严禁抄袭模仿本站 违者依法追究责任! 粤ICP备14083186号-3

  • 深圳公司
    电话 : 0755-2101 0201
    手机 : 136 3165 7619
    地址 : 深圳市龙华新区东环一路旭日大厦ll08室
  • 广州分公司
    电话 : 020-8092 8113
    手机 : 135 3988 3715
    地址 : 广州市海珠区宝岗大道268号中新大厦1912
  • 东莞分公司
    电话 : 0769-3331 9353
    手机 : 137 1719 8162
    地址 : 东莞市南城区鸿福路83号曼哈顿广场2409
  • 武汉分公司
    电话 : 027-8355 8661
    手机 : 182 4491 9118
    地址 : 武汉市东西湖区金银湖路18号财富大厦30E
  • 上海分公司
    电话 : 021-3113 7661
    手机 : 132 6719 9217
    地址 : 上海市闸北区江场西路299弄中铁广场堡尼大厦2131
  • 拨打电话
  • 添加微信
  • QQ咨询