高德h5地图api接口_H5，JS中使用微信、高德获取定位

目的：

--：展示游戏玩家彼此之间的距离，防止棋牌游戏中用户作弊

经过：

1：在微信公众号，配置对应的JS域名，IP地址白名单

2：在JS页面中，调用微信的JS-SDK,来使用微信的getLocation接口，实时获取玩家的 longitude,latitude经纬度。

3：在页面中使用高德地图的JS-API,将经纬坐标点转换为实时的地理位置。

http://lbs.amap.com/api/javascript-api/summary

代码如下：引入高德的JS-API:

使用其中的geocoder类，获得经纬度和地理位置之间的转换。

/**根据经纬度--逆向获取玩家地址详情**/

function getUserAddress(pointAry, backFun,thisObj,returnFun) {

// function regeocoder() {

//逆地理编码

var geocoder = new AMap.Geocoder({

radius: 1000,

extensions: "base"

});

geocoder.getAddress(pointAry, (status, result) => {

if (status === 'complete' && result.info === 'OK')

{

var address = result.regeocode.formattedAddress; //返回地址描述

if (backFun) {

backFun.apply(thisObj,[address,returnFun]);

}

} else {

alert("获得地址失败")

}

});

}

3.1：成功获取到加载的地理位置

4：通过2个经纬点，计算2个经纬度点之间的距离。---千米

https://www.cnblogs.com/softfair/p/distance_of_two_latitude_and_longitude_points.html

问题记录：

--：如图1，报错：Permission denied--》权限不足

图1

原因：jsApiList里若没配置openLocation和getLocation的接口权限

--：如图2，获取数据超时：

图2

原因：在使用getLocation接口的时候，用户没有开启：GPS---导致请求超时。

--：在微信权限注入成功之后，分享好友，朋友圈，调用微信先关接口失败，无法加载配置的分享信息，分享后仍然是非定制的信息。

原因之一：

检查公众平台的接口权限,发现分享接口未获得权限。

拓展：

GPS: Global Position System

WGS84：为一种大地坐标系，也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。

GCJ02：又称火星坐标系，是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系

BD09：为百度坐标系，在GCJ02坐标系基础上再次加密。其中bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托米制坐标。

--：新的问题、困难。意味新的收获和进步！证明自己能力的步骤

--：明白陌生代码的实际意义。才能通过它进行分析和推理，继续使用它，来解决遇到的问题,...拓展.

--：关于回调函数的使用，apply,call

高德h5地图api接口_H5，JS中使用微信、高德获取定位相关推荐

高德h5地图api接口_html5通过腾讯地图、高德地图、百度地图开发api接口获取坐标对应的周边信息...
在通过 geolocation 获取到当前的 GPS 坐标后,需要通过"逆地理位置解析"才能得到街道对应的街道.建筑物.周边等相关信息. 下面我使用国内的三家主要的地图厂商(腾讯地 ...
高德h5地图api接口_在uniapp h5中在线引入高德地图js api的方法分享
高德文档:https://lbs.amap.com/api/javascript-api/guide/abc/load 查询了好久都没有找到解决方法,弄好了分享一下. //这里要加window., l ...
Angular 调用导入百度地图API接口
Angular 调用百度地图API接口参考原文:https://blog.csdn.net/yuyinghua0302/article/details/80624274 下面简单介绍一下如何在Ang ...
Python3调用百度地图API接口获取结构化地址
在实际应用中,我们也许会有这样的需求,输入一个地名,就能够知道这个地方的准确地址.例如输入"清华大学",我们就可以知道清华大学在北京的哪个区哪条道路.正好百度地图开放平台服务提供了 ...
调用百度地图API接口制作热力图
调用百度地图API接口制作热力图 Python学了很久,也做了一些机器学习的demo,利用matolotlib库做过一些可视化.今天呢想尝试做一下热力图.先PO一张我最终效果图. 因为数据原因,效果一 ...
几种常用的医院地图API接口地址—百度地图
几种常用的医院地图API接口地址,医疗网站上经常使用的来院路线地图,调用第三方平台提供的地图接口,下面是医疗模板库为大家收集整理的几种常用的地图API接口. 1.百度地图: 网址:http://api ...
利用百度地图API接口自制地图
首先注册成为开发者百度地图开放平台 | 百度地图API SDK | 地图开发创建一个服务器端应用,这个应用是为了查询地点的经纬度把地点存一个csv文件,为了查询准确把市和区补在地点前面,通过pyt ...
java 地图api接口_Java调用百度地图API
本实战代码将使用百度地图的接口来实现以下功能: 1.确定输入地址的坐标 2.两个坐标的距离其他的话,还要使用百度账户申请相关的api,具体见: http://lbsyun.baidu.com/ind ...
微信打通腾讯地图提供地图API接口
据悉,腾讯地图与微信全面打通并且开放后,可以向第三方微信公众账号提供一套基于地理位置的综合解决方案,包括录入网点位置.向用户发送位置.帮用户计算达到线路.查看街景等.届时,用户将可以通过微信公众账号直 ...

高德h5地图api接口_H5，JS中使用微信、高德获取定位

高德h5地图api接口_H5，JS中使用微信、高德获取定位相关推荐

最新文章

热门文章