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


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 相关文章推荐
javascript forEach通用循环遍历方法
Oct 11 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
10款非常有用的 Ajax 插件分享
Mar 14 Javascript
写得不错的jquery table鼠标经过变色代码
Sep 27 Javascript
javascript中声明函数的方法及调用函数的返回值
Jul 22 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
JavaScript仿flash遮罩动画效果
Jun 15 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
JSON字符串和JSON对象相互转化实例详解
Jan 05 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 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
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
PHP新手上路(四)
2006/10/09 PHP
PHP+MYSQL开发工具及资源收藏
2007/01/02 PHP
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
PHP解决URL中文GBK乱码问题的两种方法
2014/06/03 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
jQuery插件formValidator实现表单验证
2016/05/23 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
2018/03/20 jQuery
在vue中使用setInterval的方法示例
2019/04/16 Javascript
微信小程序实现滚动加载更多的代码
2019/12/06 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
JS实现前端路由功能示例【原生路由】
2020/05/29 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
Python简易版停车管理系统
2019/08/12 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
Python绘制动态水球图过程详解
2020/06/03 Python
Python爬虫爬取有道实现翻译功能
2020/11/27 Python
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
社区母亲节活动记录
2014/03/06 职场文书
运动会宣传口号
2014/06/09 职场文书
铁人观后感
2015/06/16 职场文书
2016年国陪研修感言
2015/11/18 职场文书
python爬虫selenium模块详解
2021/03/30 Python
opencv读取视频并保存图像的方法
2021/06/04 Python