微信小程序实现打开内置地图功能【附源码下载】


Posted in Javascript onDecember 07, 2017

本文实例讲述了微信小程序实现打开内置地图功能。分享给大家供大家参考,具体如下:

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 相关文章推荐
浅析js中取绝对值的2种方法
Jul 09 Javascript
js单例模式详解实例
Nov 21 Javascript
JS的get和set使用示例
Feb 20 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
Mar 20 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
jQuery中的siblings用法实例分析
Dec 24 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
PHP实现记录代码运行时间封装类实例教程
May 08 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
js实现关闭网页出现是否离开提示
Dec 07 #Javascript
JavaScrip关于创建常量的知识点
Dec 07 #Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
Dec 07 #Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 #Javascript
jQuery实现简单的下拉菜单导航功能示例
Dec 07 #jQuery
vue中路由参数传递可能会遇到的坑
Dec 07 #Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
Dec 07 #Javascript
You might like
2.PHP入门
2006/10/09 PHP
解析dedecms空间迁移步骤详解
2013/05/15 PHP
php 地区分类排序算法
2013/07/01 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
js的with语句使用方法
2007/09/21 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
jquery编写日期选择器
2017/03/16 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
layui表格内容溢出的解决方法
2019/09/06 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
JavaScript实现4位随机验证码的生成
2021/01/28 Javascript
python发送伪造的arp请求
2014/01/09 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
data:image data url 文件转为Blob上传后端的方法
2019/07/16 HTML / CSS
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
写演讲稿要注意的六件事
2014/01/14 职场文书
内刊编辑求职自荐书范文
2014/02/19 职场文书
构建高效课堂实施方案
2014/03/13 职场文书
党性观念心得体会
2014/09/03 职场文书
骨干教师事迹材料
2014/12/17 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
初中生物教学反思
2016/02/20 职场文书
golang操作rocketmq的示例代码
2022/04/06 Golang
Java实现注册登录跳转
2022/06/16 Java/Android
python缺失值填充方法示例代码
2022/12/24 Python