微信小程序实现打开内置地图功能【附源码下载】
更新时间：2017年12月07日 14:55:30 作者：FutrueJet
这篇文章主要介绍了微信小程序实现打开内置地图功能,涉及微信小程序使用wx.openLocation函数获取经纬度信息的相关使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下
本文实例讲述了微信小程序实现打开内置地图功能。分享给大家供大家参考，具体如下：
1、效果展示
2、关键代码
index.wxml布局文件代码
<button type="default" bindtap="openMap">打开地图</button>
index.js逻辑文件代码
Page({
openMap:function(){
wx.getLocation({
type: 'gcj02', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标
success: function(res){
// success
wx.openLocation({
latitude: res.latitude, // 纬度，范围为-90~90，负数表示南纬
longitude: res.longitude, // 经度，范围为-180~180，负数表示西经
scale: 28, // 缩放比例
})
}
})
}
})
这里bindtap="openMap"绑定的openMap函数中调用wx.openLocation函数获取本机经纬度信息。
更多关于wx.openLocation函数详细介绍可参考官网 https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html
3、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
相关文章
Javascript 异步加载详解(浏览器在javascript的加载方式)
本文总结一下浏览器在 javascript 的加载方式,需要的朋友可以参考下2012-05-05
今天小编就为大家分享一篇LayUI动态设置checkbox不显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
在js中可以通过indexOf()方法找到指定的字符位置,再使用length属性获得字符串的长度,下面这篇文章主要给大家介绍了关于如何用js截取字符串开头、结尾及两字符串之间的内容的相关资料,需要的朋友可以参考下2022-11-11
这篇文章介绍了javascript获取选中的文本的方法代码，有需要的朋友可以参考一下2013-10-10
收集的比较多，建议大家查找搜寻，常用的js判断函数2008-09-09
这篇文章主要为大家详细介绍了微信小程序实现红包功能，以及后端PHP实现逻辑，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
这篇文章主要给大家介绍了关于JS中向对象中添加对象的3种方法,在JavaScript中对象可以通过两种方法添加对象,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了JS控制弹出新页面窗口位置和大小的方法,实例分析了open方法弹出窗口的使用技巧,需要的朋友可以参考下2015-03-03
一个多层叠的TAB选项卡，自适应宽度(自行更改nonstop的width测试效果)。2010-01-01
这篇文章主要为大家详细介绍了OpenLayers3实现图层控件功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
最新评论