微信小程序地图api（微信小程序地图组件）

本篇文章给大家谈谈微信小程序地图api，以及微信小程序地图组件对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享微信小程序地图api的知识，其中也会对微信小程序地图组件进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、微信小程序之原生API（中）
• 2、微信小程序中怎么调用腾讯地图的api接口
• 3、小程序微信定位会不会给具体的位置
• 4、微信小程序我在校园健康打卡怎么授权获得位置信息？
• 5、微信小程序计算两坐标距离

微信小程序之原生API（中）

第64篇

极客时间《9小时搞定微信小程序开发》第五课微信小程序地图api：原生API。

媒体模块的API包括8部分微信小程序地图api，分别是

包括文件信息获取、文件管理器、文件状态判断

实现本地数据缓存的清理、异步获取、移除指定内容

打开地图选择位置微信小程序地图api；获取当前地理位置、速度微信小程序地图api；使用微信内置地图查看位置

提供18种与设备有关的API，包括

共11类与界面相关的API，包括：

微信小程序中怎么调用腾讯地图的api接口

1.用到的知识点wx.request请求接口资源（ 小程序api中的发起请求部分）swiper实现轮播图的组件wx:for循环语句 小程序的基础知识2.实现原理首先，先看一下这个请求函数varwx.request({url:'******',//这里填写你的接口路径header:{//这里写你借口返回的数据是什么类型，这里就体现了 小程序的强大，直接给你解析数据，再也不用去寻找各种方法去解析json，xml等数据了'Content-Type':'application/json'},data:{//这里写你要请求的参数x:'',y:''},success:function(res){//这里就是请求成功后，进行一些函数操作console.log(res.data)}})12345678910111213141516123456789101112131415163.代码分解图首先上一段知乎接口数据的json格式中的开头"date":"20161114","stories":[{"images":["/76125c357aa7b0ca6c9cbc41b4a5326d.jpg"],"type":0,"id":8975316,"ga_prefix":"111422","title":"小事·我和你们一样"},{"images":["/7c908a5940384123fd88287dbc6a2c98.jpg"],"type":0,"id":8977438,"ga_prefix":"111421","title":"成长嘛，谁说就意味着一定要长大了？"},12345678910111213141516171819201234567891011121314151617181920index.js中Page({data:{duration:2000,indicatorDots:true,autoplay:true,interval:3000,loading:false,plain:false},onLoad:function(){varthat=this//不要漏了这句，很重要wx.request({url:'/api/4/news/latest',headers:{'Content-Type':'application/json'},success:function(res){//将获取到的json数据，存在名字叫zhihu的这个数组中that.setData({zhihu:res.data.stories,//res代表success函数的事件对，data是固定的，stories是是上面json数据中stories})}})}})12345678910111213141516171819202122232425262728291234567891011121314151617181920212223242526272829index.wxml中//这里边的属性不重要，看下边{{item.title}}

小程序微信定位会不会给具体的位置

会。
微信小程序可以通过API获取当前位置微信小程序地图api的经纬度。在微信小程序开发文档中可以找到这个API微信小程序地图api的使用示例。
腾讯位置服务基于微信提供微信小程序地图api的小程序插件能力微信小程序地图api，专注于（围绕）地图功能微信小程序地图api，打造一系列小程序插件，可以帮助开发者简单、快速的构建小程序，是实现地图功能的最佳伙伴。

微信小程序我在校园健康打卡怎么授权获得位置信息？

地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者,下面这篇文章主要给大家介绍了关于如何使用Uniapp实现微信小程序的GPS定位打卡的相关资料,需要的朋友可以参考下
写在开头
哈喽，隔了几天没写文章，小编又回来了(ω)。最近接了一个校园的需求，主要功能是希望学生每天进行定位打卡，帮助班导确认学生是否在校的情况。
上面图片是大致的交互过程，定位打卡是个比较常见的功能了，只是很多时候都是在 APP 上完成的，这次需求方是希望专门做个小程序来使用，当然，整个小程序还有其他很多功能模块，本章我们先来分享一下定位打卡功能，前端具体需要做哪些事情。
开通相关API权限
首先，因为这次定位打卡功能使用的是 GPS 来定位的，这就需要获取用户的地理位置信息。在小程序中，要获取用户的地理位置，微信官方提供了部分 API ，但是这些 API 有权限要求，我们需要先登陆 小程序后台 去申请。
登陆后，按路径「开发」-「开发管理」-「接口设置」中找到相关 API ，填写你使用 API 的理由，提交申请即可。
本次的功能小编一共会使用到了以下两个 API ：
wx.chooseLocation：用于打开微信小程序自带的地图，能选择一个位置，获取目标位置的经纬度。
wx.getLocation：用于获取用户当前所在的地理位置信息，主要为了拿到经纬度；不过，这个 API 有点难申请通过，小编也是申请了三次才过的，真是挺麻烦-.-，好像一般小程序主体是政府、学校或者大企业等机构就比较容易通过(●—●)。
API 权限申请好了后，我们就能进入正题了，开始正式的编码工作

微信小程序计算两坐标距离

对于iOS或者安卓同学来说，可能会觉得特别简单吧。OC里就有原生类CLLocation计算坐标点距离。当然，大多数时候我们都是直接使用第三方计算，比如百度SDK。

但是接触到微信小程序后，由于可能刚起步，许多API并不完善。像百度SDK关于微信小程序微信小程序地图api的就没有提供这样微信小程序地图api的接口去计算。 百度地图微信小程序JS API

仔细翻一番看看，在开发指南-获取地图数据 菜单下只看到4个最基本微信小程序地图api的功能（POI检索、POI检索热词联想、逆地址解析、天气查询），并没有看到关于计算距离的。看到这些还好，至少不会继续下去入坑了。

后来我就度娘了，第一条检索就是腾讯地图开放平台的内容。这也是为什么今天我要写这篇文章的原因，我入坑了。友情提示，使用腾讯地图确实可以计算两坐标距离，但是呢微信小程序地图api？只能是10km以内的距离。不然调用后返回结果： status: 373, message: "起终点距离超长"

如果不在意只是10km以内距离的话，想要去集成腾讯地图SDK，文档在此  腾讯地图微信小程序JavaScript SDK

最终解决方案只能自己算了，不用第三方了。

//计算两坐标点之间的距离

  getDistance: function (lat1, lng1, lat2, lng2) {

    lat1 = lat1 || 0;

    lng1 = lng1 || 0;

    lat2 = lat2 || 0;

    lng2 = lng2 || 0;

    var rad1 = lat1 * Math.PI / 180.0;

    var rad2 = lat2 * Math.PI / 180.0;

    var a = rad1 - rad2;

    var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;

    var r = 6378137;

    return (r * 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(rad1) * Math.cos(rad2) * Math.pow(Math.sin(b / 2), 2)))).toFixed(0)

  },

需要注意的是，该方法返回单位为米，如果想要转换成公里，除以1000即可。 关于微信小程序地图api和微信小程序地图组件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 微信小程序地图api的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于微信小程序地图组件、微信小程序地图api的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。