微信小程序地图定位当前位置
首先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,//经度 })}})}
扫描二维码看效果
点击下载:源码地址
微信小程序地图定位当前位置相关推荐
- 腾讯地图小程序服务器配置,腾讯地图实现微信小程序地图定位教程
前言 目前腾讯位置服务提供路线规划.地图选点.地铁图.城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现. 开通腾讯位置服务 2.登录进入小程序后台,选择 "开发 - 开发工具 ...
- 微信小程序地图定位开发教程
前言 目前腾讯位置服务提供路线规划.地图选点.地铁图.城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现. 开通腾讯位置服务 1.进入微信公众平台 2.登录进入小程序后台,选择 &quo ...
- 腾讯地图实现微信小程序地图定位教程
前言 目前腾讯位置服务提供路线规划.地图选点.地铁图.城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现. 开通腾讯位置服务 1.进入微信公众平台 2.登录进入小程序后台,选择 &quo ...
- 微信小程序地图上选择位置
实现效果 很多小程序都有如下需求: 小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化 点击地址选择地点 选择地点之 ...
- 微信小程序自带地图_微信小程序地图上选择位置
实现效果 很多小程序都有如下需求: 小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化 点击地址选择地点 选择地点之 ...
- 微信小程序地图返回当前位置map,
功能:点击右下角图标,地图中心点返回当前定位,且缩放为初始缩放值 需要解决的问题: 1.地图上下左右拖动后,点击右下角图标返回当前定位的位置 2.地图缩放大小后,点击右下角图标能返回初始化设置的缩放值 ...
- 微信小程序地图定位GPS转腾讯地图的坐标系
//svar GPS = {PI: 3.14159265358979324,x_pi: 3.14159265358979324 * 3000.0 / 180.0,delta: function (la ...
- 微信小程序获取定位后使用腾讯地图解析到市位置
微信小程序获取定位解析当前城市位置 咱们就话不多说,这呢是我第一次发布文章,第一次使用,所以使用的也比较简单,也还不是很熟悉,接下来呢就直接上代码吧,希望喜欢的朋友可以关注关注嘿嘿 首先我们需要引入腾 ...
- 微信小程序实时定位(腾讯地图)
微信小程序实时获取地理位置-腾讯地图 微信小程序-获取当前城市位置: 一. 我用的腾讯定位服务 https://lbs.qq.com/ 打开之后点击控制台 2.我们创建自己的密匙key 3.下载微信小 ...
- 关闭微信小程序电脑端的位置定位
关闭微信小程序电脑端的位置定位 关闭微信小程序电脑端的位置定位 1.使用fiddler获取微信小程序获取定位的网址 2.在host文件中将其禁止 3.删除微信小程序的缓存 3.再启动微信小程序即可 关 ...
最新文章
- 2019年汽车AI计算技术及市场趋势
- HTML基本介绍与操作
- 报文加解密原理_加密系统的组成与过程
- 如何设计后台产品中的“保存”功能?
- 电子词典系统vc++_电子词典系统
- 5.慎重选择删除元素的方法
- 诗与远方:无题(二十)
- 格式化代码php,格式化php代码的两种方法
- 95-235-065-源码-task-SourceStreamTask
- mysql自增 java_如何在java中自动增加mysql中的用户id
- Coolite 基本用法(3)
- Windows核心编程_窗口属性表
- 如何使用 Cisdem Video Converter 在 Mac 上将 MOV 转换为 MP3
- 【Spring配置文件】Spring定时器的使用及配置
- 傅里叶分析——思维导图
- ps 毛发 边缘_PS教程:教你如何利用PS调整边缘高速度高效率扣头发丝
- 经典BBS语录100条
- BT源代码学习心得(六):跟踪服务器(Tracker)的代码分析(初始化)
- 计算机哪个按键可以和弦,钢琴键盘和弦图解大全!作曲必看!老师和家长快收藏起来...
- 基于matlab数字滤波器设计,毕业设计 基于MATLAB的数字滤波器设计
热门文章
- 批量群发邮件方式集锦,foxmail群发多少封邮件?
- android模拟器 vm版,怎样用vmware虚拟机安装android模拟器
- Apple Push Notification service
- HHL算法的QISKit实现
- V-REP 添加Vision Sensor与图像获取 | V-REP Adding Vision Sensor and Image Acquisition
- 汉字编码,GB2312、GB 13000、GBK、GB18030 介绍
- 华为、中兴、大亚等光猫或路由器DDNS设置方法
- 哔哩哔哩HLB站缓存合并电脑版链接:https://wwa.lanzoui.com/b016vmouf版本:1.1公告:1、支持旧版(blv)合并2、新增提取音频功能3、修复合并失败的bug
- 搜狗收录提交入口之搜狗泛目录实现
- CSS - less