h5 api-获得地理经纬度和异常处理

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><p id="demo">点击这个按钮，获得您的坐标：</p><button onclick="getLocation()">试一下</button><script>var x=document.getElementById("demo");function getLocation()   // 当我们点击了按钮就会触发这个函数{if (navigator.geolocation)  // 判断我们当前的设备是否支持 地理定位 {// 如果支持 就 获得当前的 地理位置  调用  getCurrentPosition 方法navigator.geolocation.getCurrentPosition(showPosition,showError);// showPosition  如果调用成功  调用这个函数 显示 当前位置// showError   如果调用失败  调用这个函数 }else{  // 如果设备不支持  就返回这句话  当前浏览器不支持 地理定位x.innerHTML="Geolocation is not supported by this browser.";}}// 调用 成功的函数   返回当前位置的经纬度function showPosition(position){x.innerHTML=  "Latitude: " + position.coords.latitude +    //  获得当前的纬度"<br />Longitude: " + position.coords.longitude;    // 获得当前的经度}// 调用 失败 的函数   返回当前位置的经纬度function showError(error){switch(error.code) {case error.PERMISSION_DENIED:x.innerHTML="User denied the request for Geolocation."// 用户无法定位的要求break;case error.POSITION_UNAVAILABLE:x.innerHTML="Location information is unavailable."// 位置信息不可用break;case error.TIMEOUT:x.innerHTML="The request to get user location timed out."// 获取用户位置的请求超时。break;case error.UNKNOWN_ERROR:x.innerHTML="An unknown error occurred."// 发生了一个不明错误break;}}</script>
</body>
</html>

h5 api-获得地理经纬度和异常处理相关推荐

【前端】【H5 API】地理定位（获取经纬度）
H5 API 地理定位地理定位在日常生活中应用比较广泛,例如,互联网打车.在线地图等.在HTML 5的规范中,增加了获取用户地理位置信息的接口Geolocation,开发者可以通过经纬度来获取用户的 ...
技巧 | 在R语言中使用高德地图的API进行地理/逆地理编码（地址与经纬度的相互转换）...
高德地图和百度地图都提供了坐标拾取系统,通过坐标查询或坐标反查操作可以查询一个地址对应的经纬度或经纬度对应的地址名称.但是,手动查询的方式效率很低,也不能进行批量查询. 本篇就来介绍在R语言中调用高德 ...
geoip java api_利用GeoIP数据库及API进行地理定位查询 Java
地理定位查询的的数据库比较多,而且大多都开放一些free的版本国内的有纯真数据库等,但是他只提供文本的地理位置信息,不提供经纬度数据当应用到google map时,就不可以了国外的有MaxMin ...
Python调用API进行地理编码
原文链接:https://www.lianxh.cn/news/b08df4d49099f.html 平时在做数据调查的时候,我们往往只能拿到地址信息,并不方便直接进行可视化,那么如何将地址信息转化成 ...
一次失败的尝试，h5+Api 结合 react,webpack,同时生成android 、ios、h5端代码
vue 项目写多了,觉得不能一成不变,想去外面的世界看看.所以尝试了一把react开发,嗯~ o(￣▽￣)o 就在想做一个webApp吧,脚手架也自己搭一个吧.然后脚手架搭建完,项目可以正式开始了,自 ...
友盟统计，h5 API
友盟统计,h5 API /*** 友盟统计事件 API https://developer.umeng.com/docs/67963/detail/74517* _trackEvent 事件统计* _ ...
HTML5+百度地图API实现地理定位
背景如果知道用户在哪里,往往会提高很多Web应用的体验,比如为用户指明方向,对它们要去的地方给出建议,让用户知道它们所在的区域内有哪些人可能会对某个活动感兴趣等等.现在,利用HTML5(以及基于Ja ...
百度地图AK申请注意+百度地图API生成热力图+调用百度地图API自动获取经纬度和地址
文章目录一.百度地图AK密钥申请二.调用百度地图API生成热力图三.调用百度地图API自动获取经纬度和地址一.百度地图AK密钥申请点击百度地图API控制台,输入登录账户,即可进入,若账户未完 ...
soso地图api接口地理解析geocoder检索示例----并在信息框显示经纬度
api官网: http://api.map.soso.com/doc_v2/example.html?sample-geocoding-simple#8map 示例代码如下(保存为html打开可见效果 ...
基于Leaflet和高德Web API扩展地理编码服务
需求背景: 需求很简单就是想调用高德地图的地理编码服务,单独扩展一个类出来. 参考地址: Leaflet类扩展:https://leafletjs.com/examples/extending/ext ...

h5 api-获得地理经纬度和异常处理

h5 api-获得地理经纬度和异常处理相关推荐

最新文章

热门文章