首先wxml引入map组件

<!-- map.wxml -->

<map id="map" longitude="113.324520" latitude="23.099994" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregiοnchange="regionchange" show-location style="width: 100%; height: 300px;"></map>

map组件中增加:show-location属性后,访问地图就显示显示带有方向的当前定位点

也可以做成事件:

  currentLoaction:function(e){//地图上显示图标wx.getSystemInfo({success: function (res) {widthCtr = res.screenWidth;//console.log(widthCtr + "=====");e.setData({height: res.windowHeight - 59,controls: [{id: 1,iconPath: '../images/1.png',position: {left: res.screenWidth - 50,top: 300 - 50,width: 30,height: 30},clickable: true}]})}})}

触发定位当前事件

  controltap(e) {var that = this;wx.getLocation({type: 'gcj02', //返回可以用于wx.openLocation的经纬度success: function (res) {var latitude = res.latitudevar longitude = res.longitudethat.setData({latitude: latitude,//纬度 longitude: longitude,//经度 })}})}

扫描二维码看效果

点击下载:源码地址

微信小程序地图定位当前位置相关推荐

  1. 腾讯地图小程序服务器配置,腾讯地图实现微信小程序地图定位教程

    前言 目前腾讯位置服务提供路线规划.地图选点.地铁图.城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现. 开通腾讯位置服务 2.登录进入小程序后台,选择 "开发 - 开发工具 ...

  2. 微信小程序地图定位开发教程

    前言 目前腾讯位置服务提供路线规划.地图选点.地铁图.城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现. 开通腾讯位置服务 1.进入微信公众平台 2.登录进入小程序后台,选择 &quo ...

  3. 腾讯地图实现微信小程序地图定位教程

    前言 目前腾讯位置服务提供路线规划.地图选点.地铁图.城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现. 开通腾讯位置服务 1.进入微信公众平台 2.登录进入小程序后台,选择 &quo ...

  4. 微信小程序地图上选择位置

    实现效果 很多小程序都有如下需求: 小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化 点击地址选择地点 选择地点之 ...

  5. 微信小程序自带地图_微信小程序地图上选择位置

    实现效果 很多小程序都有如下需求: 小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化 点击地址选择地点 选择地点之 ...

  6. 微信小程序地图返回当前位置map,

    功能:点击右下角图标,地图中心点返回当前定位,且缩放为初始缩放值 需要解决的问题: 1.地图上下左右拖动后,点击右下角图标返回当前定位的位置 2.地图缩放大小后,点击右下角图标能返回初始化设置的缩放值 ...

  7. 微信小程序地图定位GPS转腾讯地图的坐标系

    //svar GPS = {PI: 3.14159265358979324,x_pi: 3.14159265358979324 * 3000.0 / 180.0,delta: function (la ...

  8. 微信小程序获取定位后使用腾讯地图解析到市位置

    微信小程序获取定位解析当前城市位置 咱们就话不多说,这呢是我第一次发布文章,第一次使用,所以使用的也比较简单,也还不是很熟悉,接下来呢就直接上代码吧,希望喜欢的朋友可以关注关注嘿嘿 首先我们需要引入腾 ...

  9. 微信小程序实时定位(腾讯地图)

    微信小程序实时获取地理位置-腾讯地图 微信小程序-获取当前城市位置: 一. 我用的腾讯定位服务 https://lbs.qq.com/ 打开之后点击控制台 2.我们创建自己的密匙key 3.下载微信小 ...

  10. 关闭微信小程序电脑端的位置定位

    关闭微信小程序电脑端的位置定位 关闭微信小程序电脑端的位置定位 1.使用fiddler获取微信小程序获取定位的网址 2.在host文件中将其禁止 3.删除微信小程序的缓存 3.再启动微信小程序即可 关 ...

最新文章

  1. 2019年汽车AI计算技术及市场趋势
  2. HTML基本介绍与操作
  3. 报文加解密原理_加密系统的组成与过程
  4. 如何设计后台产品中的“保存”功能?
  5. 电子词典系统vc++_电子词典系统
  6. 5.慎重选择删除元素的方法
  7. 诗与远方:无题(二十)
  8. 格式化代码php,格式化php代码的两种方法
  9. 95-235-065-源码-task-SourceStreamTask
  10. mysql自增 java_如何在java中自动增加mysql中的用户id
  11. Coolite 基本用法(3)
  12. Windows核心编程_窗口属性表
  13. 如何使用 Cisdem Video Converter 在 Mac 上将 MOV 转换为 MP3
  14. 【Spring配置文件】Spring定时器的使用及配置
  15. 傅里叶分析——思维导图
  16. ps 毛发 边缘_PS教程:教你如何利用PS调整边缘高速度高效率扣头发丝
  17. 经典BBS语录100条
  18. BT源代码学习心得(六):跟踪服务器(Tracker)的代码分析(初始化)
  19. 计算机哪个按键可以和弦,钢琴键盘和弦图解大全!作曲必看!老师和家长快收藏起来...
  20. 基于matlab数字滤波器设计,毕业设计 基于MATLAB的数字滤波器设计

热门文章

  1. 批量群发邮件方式集锦,foxmail群发多少封邮件?
  2. android模拟器 vm版,怎样用vmware虚拟机安装android模拟器
  3. Apple Push Notification service
  4. HHL算法的QISKit实现
  5. V-REP 添加Vision Sensor与图像获取 | V-REP Adding Vision Sensor and Image Acquisition
  6. 汉字编码,GB2312、GB 13000、GBK、GB18030 介绍
  7. 华为、中兴、大亚等光猫或路由器DDNS设置方法
  8. 哔哩哔哩HLB站缓存合并电脑版链接:https://wwa.lanzoui.com/b016vmouf版本:1.1公告:1、支持旧版(blv)合并2、新增提取音频功能3、修复合并失败的bug
  9. 搜狗收录提交入口之搜狗泛目录实现
  10. CSS - less