HTML5获取地理位置信息

最新推荐文章于 2022-08-15 21:56:28 发布
最新推荐文章于 2022-08-15 21:56:28 发布
阅读量322 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36354609/article/details/77737288
版权
<!DOCTYPE html >
< html lang= "en" >

< head >
< title >Geolocation API </ title >
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1" >
< script src= "http://maps.google.com/maps/api/js?sensor=false" > < / script >
</ head >

< body >
< div id= "map" style= "width:400px;height:400px;border:1px solid gray" ></ div >
< script >
function showObject( obj, k) {
//递归显示object
if (!obj) {
return;
}
for ( var i in obj) {
if (typeof(obj[i]) != "object" || obj[i] == null) {
for ( var j = 0; j < k; j++) {
document. write( "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
}
document. write(i + ":" + obj[i] + "<br/>");
} else {
document. write(i + ":" + "<br/>");
showObject(obj[i], k + 1);
}
}
}

function get_location() {
if ( navigator. geolocation) {
navigator. geolocation. getCurrentPosition(show_map, handle_error, {
enableHighAccuracy: true,
maximumAge: 1000
});
} else {
alert( "浏览器不支持html5获取地理位置信息");
}
}

function handle_error( err) {
// 错误处理
switch ( err. code) {
case 1:
alert( "位置服被拒绝");
case 2:
alert( "暂时获取不到位置信息");
case 3:
alert( "获取信息超时");
case 4:
alert( "未知错误");
}
}

function show_map( position) {
//显示地理信息
var latitude = position. coords. latitude;
var longitude = position. coords. longitude;
showObject(position, 0);
}
get_location();
< / script >

</ body >

</ html >
qq_36354609
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5获取地理位置定位信息
weixin_52546522的博客
03-23 579
使用HTML5获取地理位置定位信息 如何使用HTML5地理位置定位功能 定位功能(Geolocation)是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位，如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的，所以我们在访问该应用时会提示是否允许地理定位，我们当然选择允许即可。 function getLocation(){ 　　if (navigator
html5中获取地理位置信息,HTML5 獲取地理位置信息
weixin_36125719的博客
06-04 338
HTML5增加的新功能，獲取地理位置信息，如果瀏覽器支持且設備有定位功能，就能夠直接使用這組API來獲取當前信息位置。該Geolocation API可以應用於移動設備中的地理位置。Geolocation API的基礎知識在HTML5中，為window.navigator對象新增了一個geolocaation屬性，可以使用Geolocation API來對該屬性進行訪問。window.naviga...
html5获取当前地理位置
09-12
html5获取当前地理位置
HTML5获取位置信息
雪落无痕
12-31 607
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>HTML定位特性学习</title> <script> if(navigator.geolocation){ /*document.getElementById('su
HTML5实现获取地理位置信息并定位功能
12-13
HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。 源码下载：点此下载 如何使用HTML5地理位置定位功能 定位功能（Geolocation）是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位，如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的，所以我们在访问
Html5 Geolocation获取地理位置信息实例
09-27
主要介绍了Html5 Geolocation获取地理位置信息实例，具有一定的参考价值，有兴趣的同学可以了解一下。
简单html5代码获取地理位置
09-28
在本文中，我们将深入探讨如何使用HTML5代码获取用户的地理位置信息。HTML5引入了一项新的API，即Geolocation API，使得网页应用能够访问用户的设备（如手机或电脑）的地理位置数据，无需安装任何额外插件。 首先，...
html5获取位置信息,h5获取位置信息
weixin_30325793的博客
05-06 225
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>地理位置测试</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=...
HTML5 获取地理位置
最新发布
Hillbox
08-15 393
照搬书上案例，发现在电脑和手机上都不能成功获取地理位置。
html5 - 地理位置信息
weixin_43051270的博客
06-08 317
1. navigator.geolocation <script> console.log(window.navigator.geolocation) //打印结果如下图 </script> 2. getCurrentPosition (success,error,option) success 成功的回调函数 error 调用失败的...
html5获取地理位置信息4种方式详解
热门推荐
非著名程序员
12-28 1万+
HTML5怎样获取地理信息，如html5怎样获取ip地址，怎样实现gps导航定位，wifi基站的mac地址服务等，这些在HTML5中已经都已经有API实现了，用户可以轻松使用html5技术进行操作，下面详细为大家介绍HTML5操作地理信息。 1、HTML5中ip地址 其实在中国IP地址还是比较准确，书上说不准确，很多时候获取的是ISP机房的位置，但是获取非常方便，没有什么限制。但是实际上我
html5中获取地理位置信息
陈明的博客
08-13 6891
HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图等接口来获取用户准确的地理位置信息。         定位功能（Geolocation）是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加
获取地理位置信息
weixin_30471065的博客
07-24 83
在HTML5中，为window.navigator对象新增了一个geolocation属性，可以使用Geolocation API来对该属性进行访问。window.navigator对象的geolocation属性存在以下三个方法。 void getCurrentPosition(onSuccess,onError,options); 该方法用来获取用户当前的地理位置信息。 navigato...
Html5获取地理位置信息
weixin_43574787的博客
12-11 239
Html5获取地理位置信息 // 调用 getCurrentPosition() // 获取位置信息 function getCurrentPosition () { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(onSuccessFun, onErrorFun) ...
关于获取地理位置信息
babyrita的博客
08-07 393
获取当前地理位置信息 navigator.geolocation.getCurrentPosition(successCallBack,errorCallBack){ function successCallBack(position){ var longitude = position.coords.longitude;//获取经度 var latitude = position.coo
html5获取地理位置和定位
xiongbo_的博客
06-08 1万+
1.H5地理位置定位功能 首先判断用户浏览器是否支持该功能，目前大多数现代浏览器均支持，获取位置信息需用户授权同意 function getLocation(){    if (navigator.geolocation){      navigator.geolocation.getCurrentPosition(showPosition,showError); 
html5学习(地理位置定位)
程宇寒
12-28 216
html5地理位置定位，测试比较困难和麻烦
网页|通过geolocation获取地理位置信息
算法与编程之美
04-08 1718
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。1.地理位置信息得运用获取用户地理位置信息，在各大网站...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值