精华内容
下载资源
问答
  • 获取浏览器的地理位置信息

    千次阅读 2019-09-28 18:39:44
    有些应用程序需要获取用户的地理位置信息,比较...HTML5定义了Geolocation API规范,可以通过浏览器获取用户的地理位置,这无疑给有相关需求的用户提供了极大的便利。 1、概述 HTML5 Geolocation API 定义了与主...

    有些应用程序需要获取用户的地理位置信息,比较经典的例子就是在显示地图时标注自己的当前位置。过去,获取用户的地理位置信息需要借助第三方地址数据库或专业的开发包(如Google Gears API)。HTML5定义了Geolocation API规范,可以通过浏览器获取用户的地理位置,这无疑给有相关需求的用户提供了极大的便利。

     1、概述

    HTML5 Geolocation API 定义了与主机设备的位置信息相关的高层接口。

    1)什么是浏览器的地理位置

    浏览器的地理位置实际上就是安装浏览器的硬件设备的位置,如经纬度。位置信息的通常来源包括以下几种。

    • GPS(全球定位系统):这种方式可以提供很精确的定位,但需要专门的硬件设备,定位效率也不高。
    • IP地址:多用于计算机设备,定位并不准确。
    • 无线射频标签(Radio Frequency Identification,RFID):可以通过读卡器的信号、报文到达时间和定位器等数据确定标签的位置。
    • WiFi:无线上网时,可以通过Wi-Fi热点(AP或无线路由器)来定位客户端设备。
    • GSM/CDMA小区标识码:可以根据手机用户的基站数据定位手机设备。
    • 用户输入:除了以上方法外,还允许用户自定义位置信息。

    提示:通过不同渠道获得的浏览器的地理位置信息是有误差的,因此并不能保证Geolocation API 返回的是设备的实际位置。

    2)浏览器对获取地理位置信息的支持情况

    在JavaScript中可以使用navigator.geolocation属性检测浏览器对获取地理位置信息的支持情况。如果navigator.geolocation等于True,则表明当前浏览器支持获取地理位置信息;否则表明不支持。

    在网页中定义一个按钮,单击此按钮时,会检测浏览器是否支持获取地理位置信息。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Test</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    
    <body>
    
        <button id="check" onclick="check();">检测浏览器是否支持获取地理位置信息</button>
    
        <script>
            function check() {
                if (navigator.geolocation) {
                    alert("您的浏览器浏览器支持获取地理位置信息。");
                } else {
                    alert("您的浏览器浏览器不支持获取地理位置信息。");
                }
            }
        </script>
    
    </body>
    
    </html>
    各主流浏览器对获取地理位置信息的支持情况
    浏览器对获取地理位置信息的支持情况
    Chrome5.0及以后的版本支持
    Firefox3.5及以后的版本支持
    Internet Explorer9.0及以后的版本支持
    Opera10.6及以后的版本支持
    Safari5.0及以后的版本支持

    另外,安装下列操作系统的手机设备也支持获取地理位置信息。

    • Android 2.0+
    • iPhone 3.0+
    • Opera Mobile 10.1+
    • Symbian(S60 3rd & 5th generation)
    • Blackberry OS 6
    • Maemo

     

    2、获取地理位置信息

    下面介绍使用Geolocation API 获取地理位置信息的具体方法。

    1)getCurrentPosition()方法

    调用getCurrentPosition()方法可以获取地理位置信息,也就是经纬度。getCurrentPosition()方法的语法如下。

    var retval = geolocation.getCurrentPosition(successCallback, errorCallback, options);

    参数说明如下。

    • successCallback:当成功获取地理位置信息时使用的回调函数句柄。

    回调函数successCallback有一个参数position对象,其中包含获取到的地理位置信息。position对象包含2个属性,如下表所示。

    position对象的属性
    属性说明
    coords包含地理位置信息的coordinates对象。coordinates对象包含7个属性,如下表所示
    timestamp获取地理位置信息的时间
    coordinates对象的属性
    属性说明
    accuracylatitude和longitude属性的精确性,单位是m
    altitude海拔
    altitudeAccuracyaltitude属性的精确性
    heading朝向,即设备正北顺时针前进的方位
    latitude纬度
    longitude经度
    speed设备外部环境的移动速度,单位是m/s
    • errorCallback:可选参数,当获取地理位置信息失败时调用的回调函数句柄。

    回调函数errorCallback包含一个positionError对象参数,positionError对象包含两个属性,如下表所示。

    positionError对象的属性
    属性说明
    code整数,错误编号
    message错误描述

    如果不处理错误,则可以在调用getCurrentPosition()方法时,在errorCallback参数的位置使用null。

    • options:可选参数,是一个positionOptions对象,用于指定获取用户位置信息的配置参数。

    positionOptions对象的数据格式为JSON,有3个可选的属性,如下表所示。

    positionOptions对象的属性
    属性说明
    enableHighAccuracy布尔值,表示是否启用高精确度模式,如果启用这种模式,浏览器在获取位置信息时可能需要耗费更多的时间
    timeout整数,超时时间,单位为ms,表示浏览器需要在指定的时间内获取位置信息,如果超时则会触发errorCallback
    maximumAge整数,表示浏览器重新获取位置信息的时间间隔

    使用getCurrentPosition()方法获取地理位置信息。(翻墙)

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Test</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    
    <body>
    
        <p id="demo">单击按钮获取你的位置信息</p>
        <button onclick="getLocation();">获取你的位置信息</button>
    
        <script>
            var x = document.getElementById('demo');
    
            function getLocation() {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition);
                } else {
                    x.innerHTML = "你的浏览器不支持Geolocation API。";
                }
            }
    
            function showPosition(position) {
                x.innerHTML = "纬度:" + position.coords.latitude + "<br>经度:" + position.coords.longitude;
            }
        </script>
    
    </body>
    
    </html>

    提示:单击此按钮时,浏览器会询问用户是否允许该网站获取你的位置信息。单击“允许”按钮才可以成功获取地理位置信息。

    显示经纬度很不直观,非专业人士很难直接定位,可以利用Google地图来显示当前位置的地图,这里就不演示了,有兴趣的可以自己去尝试。

    2)watchPosition()方法

    调用watchPosition()方法可以监听和跟踪客户端的地理位置信息。watchPosition()方法的语法如下。

    var watchId= geolocation.watchPosition(successCallback, errorCallback, options);

    watchPosition()方法的参数与getCurrentPosition()方法的参数相同,watchPosition()方法和getCurrentPosition()方法的主要区别是因为它会持续告诉用户位置的改变,所以基本上它一直在更新用户的位置。用户在移动时,这个功能会非常有利于追踪用户的位置。

    使用watchPosition()方法获取地理位置信息。

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Test</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    
    <body>
    
        <p id="demo">单击按钮获取你的位置信息</p>
        <button onclick="getLocation();">获取你的位置信息</button>
    
        <script>
            var x = document.getElementById('demo');
    
            function getLocation() {
                if (navigator.geolocation) {
                    navigator.geolocation.watchPosition(showPosition);
                } else {
                    x.innerHTML = "你的浏览器不支持Geolocation API。";
                }
            }
    
            function showPosition(position) {
                x.innerHTML = "纬度:" + position.coords.latitude + "<br>经度:" + position.coords.longitude;
            }
        </script>
    
    </body>
    
    </html>

    3)clearWatch()方法

    调用clearWatch()方法可以停止监听和跟踪客户端的地理位置信息。通常与watchPosition()方法结合使用。clearWatch的语法如下。

    var retval = geolocation.clearWatch(watchId);

    参数watchId通常是watchPosition()方法的返回值,即停止该watchPosition()方法对地理位置信息的监听和跟踪。

    展开全文
  • 本文中主要介绍了关于利用PHP获取访客IP、地区位置浏览器及来源页面等信息的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍: 不多说了,每个方法都注释了,可以直接用: 示例代码 <?php //这个...
  • 浏览器获取当前位置

    万次阅读 2018-12-13 16:22:08
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;...获取当前地理位置&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;window.navigator.geol
    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<title>获取当前地理位置</title>
    </head>
    <body>
    	<p>window.navigator.geolocation对象存在3个方法:</p>
    	<p>1、getCurrentPosition 获取当前地理位置</p>
    	<p>2、watchPosition 监视位置信息</p>
    	<p>3、clearWatch 停止获取位置信息</p>
    		<p>1-1、getCurrentPosition(successCallback, onError, options)方法接受1个、2个或者3个参数。</p>
    			<!-- 第1个参数为获取当前地理位置信息成功时所执行的回调函数,第2个参数为获取当前地理位置信息失败时所执行的回调函数,第3个参数为一些可选属性的列表。其中,第2、3个参数为可选参数 -->
    			<p>第1个参数,在获取地理位置信息成功时执行的回调函数中,带有一个position参数,它是一个Geoposition对象。该对象有以下两个属性:</p>
    				<p>timestamp属性,时间戳。</p>
    				<p>coords属性,coords属性是一个Coordinates类型对象,包含下面这些属性:</p>
    
    				<p>accuracy 获取到的经度或纬度的精度(以米为单位)。</p>
    				<p>altitude 当前地理位置的海拔高度(不能获取时为null)。</p>
    				<p>altitudeAccuracy 获取到的海拔高度的精度(以米为单位)。</p>
    				<p>heading 设备的前进方向。用面朝正北方向的顺时针旋转角度来表示(不能获取时为null)。</p>
    				<p>latitude 当前地理位置的经度。</p>
    				<p>longitude 当前地理位置的纬度</p>
    				<p>speed 当前的前进速度(以米/秒为单位,不能获取时为null)。
    			<p>第2个参数,在获取地理位置信息失败时执行的回调函数中,带有一个error参数,它是一个PositionError对象。该对象有以下两个属性:</p>
    				<p>code属性,可能值:</p>
    					<p>当属性值为1时,表示用户拒绝了位置服务,"User denied Geolocation"。</p>
    					<p>当属性值为2时,表示获取不到位置信息。</p>
    					<p>当属性值为3时,表示获取信息超时错误,"Timeout expired"。</p>
    				<p>message属性</p>
    					<p>message属性值为一个字符串,包含了错误信息,这个错误信息在我们开发和调试时非常有用。</p>
    			<p>第3个参数是一个可选属性的列表,说明如下:</p>
    				<p>enableHighAccuracy属性,是否要求高精度的地理位置信息。</p>
    				<p>timeout属性,超时限制(单位为毫秒)。如果在该时间内未获取到地理位置信息,则返回错误。</p>
    				<p>maximumAge属性,对地理位置信息进行缓存的有效时间(单位为毫秒)。如果该值设为0,则每次都去重新获取地理位置信息</p>
    
    
    </body>
    <script type="text/javascript">
    	const locationClass = class{
    		constructor(){
    
    		}
    		testPro(){
    			const a = this.promisePro();
    			a.then(()=>{
    				if(this.isOk()){
    					return true
    				}
    			}).then(()=>{
    				this.getLocation()
    			})
    		}
    		promisePro(){
    			return new Promise((resolve, reject) => {
    				if(true){
    					resolve()
    				}
    			});
    		}
    		isOk(){
    		    return 'geolocation' in navigator;
    		}
    		getLocation(){
    			navigator.geolocation.getCurrentPosition(
    				//TODO 获取成功时的处理
    				(position)=> {
    				    let timestamp = position.timestamp;
    				    let coords = position.coords;
    				    console.log(timestamp);
    				    console.log(coords);
    				}, 
    				 //TODO 获取失败时的处理
    				(error)=> {
    				    console.log(error);
    				}, {
    				    maximumAge: 0
    				}
    			)
    			
    		}
    	}
    	const location1 = new locationClass();
    	location1.testPro()
    </script>
    </html>

     

    展开全文
  • 本文结合实例给大家分享如何使用HTML5,借助百度、谷歌地图接口来获取用户准确的地理位置信息。 源码下载:点此下载 如何使用HTML5地理位置定位功能 定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的...
  • php /** * 获取访客信息的类:语言、浏览器、操作系统、ip、地理位置、isp。 * 使用: * $obj = new guest_info; * $obj->getlang(); //获取访客语言:简体中文、繁體中文、english。 * $obj->getbrowser(); /...
  • HTML5+CSS3 Web 前端开发技术(2版) LOGO HTML5+CSS3 Web 前端开发技术(2版) * 第8章 获取浏览器的地理位置信息 地理位置信息概述 1 地理位置信息使用过程 2 地理位置API 3 获取地理位置信息的应用 4 8.1 地理位置...
  • HTML5基础教程第2版 授课教师 职务 第12章 获取浏览器的地理位置信息 课程描述 有些应用程序的需要获取用 户的地理位置信息比较经 典的例子就是在显示地图时 标注自己的当前位置过去 获取用户的地理位置信息需 要...
  • 如何获取用户的地理位置-浏览器地理位置(Geolocation)API 简介 一、总结 一句话总结:Geolocation API(地理位置应用程序接口)提供了...该API接口提供的用户地理位置信息还算蛮详细的,经纬度啊,海拔啊,精确度...

    如何获取用户的地理位置-浏览器地理位置(Geolocation)API 简介

    一、总结

    一句话总结:Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错(因为新版本的IE支持了该API),这使得在不久之后就可以使用这一浏览器内置的API了。该API接口提供的用户地理位置信息还算蛮详细的,经纬度啊,海拔啊,精确度,移动速度啊都是可以获取的。

     

     

    二、如何获取用户的地理位置-浏览器地理位置(Geolocation)API 简介

    一、开篇简述

    Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错(因为新版本的IE支持了该API),这使得在不久之后就可以使用这一浏览器内置的API了。该API接口提供的用户地理位置信息还算蛮详细的,经纬度啊,海拔啊,精确度,移动速度啊都是可以获取的。

    据我个人的了解,其位置的获取是通过收集用户周围的无线热点和您 PC 的 IP 地址。然后浏览器把这些信息发送给默认的位置定位服务提供者,也就是谷歌位置服务,由它来计算您的位置。最后用户的位置信息就在您请求的网站上被共享出来。

    Geolocation还不是HTML5规范的一部分,不过W3C为其独立出了一份详细的规范,因此,该API的血统还算比较纯正,来路比较清白。

    二、浏览器的支持情况

    目前W3C地理位置API被以下桌面浏览器支持:

    • Firefox 3.5+
    • Chrome 5.0+
    • Safari 5.0+
    • Opera 10.60+
    • Internet Explorer 9.0+

    W3C地理位置API还可以被手机设备所支持,如下:

    • Android 2.0+
    • iPhone 3.0+
    • Opera Mobile 10.1+
    • Symbian (S60 3rd & 5th generation)
    • Blackberry OS 6
    • Maemo

    三、数据保护

    显然,地理位置属于用户的隐私信息之一,尤其在做一些隐晦的事情时候,例如背着老婆去见EX,去雅典皇宫做按摩。因此浏览器不会直接把用户的地理位置信息呈现出来的,当需要获取用户地理位置信息的时候,浏览器会询问用户,是否愿意透露自己的地理位置信息,如下截图所示:
    FireFox下是否愿意共享地址位置信息 张鑫旭-鑫空间-鑫生活

    IE9下是否共享物理位置 张鑫旭-鑫空间-鑫生活

    如果你选择不共享,则浏览器不会做任何事情。

    如果你一不小心对某个站点共享了地理位置,可以随时将其取消的,方法如下:
    对于IE9浏览器,Internet选项 → 隐私 → 位置(清除站点),如下截图:
    IE清除共享位置 张鑫旭-鑫空间-鑫生活

    对于FireFox浏览器,方法如下:
    点击地址栏前面的网站小图标 → 点击更多信息 → 权限 → 共享方位信息 → 阻止,具体步骤参见下面几张截图。
    FireFox浏览器取消位置共享步骤图 张鑫旭-鑫空间-鑫生活
    FireFox浏览器取消地理位置共享步骤2 张鑫旭-鑫空间-鑫生活

    如果是Chrome浏览器的话直接点击地址栏右边长得像轮船方向盘一样的小图标就会看到可以取消地理位置的小框框了:
    Chrome浏览器清除用户地址位置信息 张鑫旭-鑫空间-鑫生活

    四、地理位置资源

    为获取用户的地理位置信息,需要使用多个资源,不同资源的对位置精确度的贡献是不一样的。对于桌面浏览器,通常使用WiFi(误差20米),或者IP位置(这受城市的档次影响,会出错)。对于手机设备倾向于使用测量学技术,例如GPS(误差10米,只能在户外使用),WiFi或者是GSM/CDMA的站点的ID(误差有1000米)。

    五、API的使用

    在使用地理位置API之前首先要检测浏览器是否支持,如下测试代码:

    if (navigator.geolocation) {
      // 想干嘛就干嘛
    }

    当然,这个if判断也能用来进行浏览器的判断,可以区分IE6~8浏览器与IE9和其他现代浏览器。这在我们使用某些CSS3属性时非常有用,检测浏览器是否支持某些CSS3属性相对比较麻烦,可以折中下,即在知道浏览器对该CSS3属性的支持情况下检测浏览器,一般而言就是区分区分IE6~8浏览器和其他浏览器,这正好与navigator.geolocation的检测是一致的。

    通过这个API,我们有两个方法变量可以用来获取用户的地理位置:
    getCurrentPosition和watchPosition

    这两个方法参数一致,支持三个参数,拿getCurrentPosition举例,navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options)

    其中,successCallback为方法成功的回调,此参数必须;
    errorCallback为方法失败时候的回调,此参数可选;
    option参数为额外参数,也是可选参数,对象。option参数支持三个可选参数API,为:enableHighAccuracy, timeout, maximumAge.
    1. enableHighAccuracy参数表示是否高精度可用,为Boolean类型,默认为false,如果开启,响应时间会变慢,同时,在手机设备上会用掉更多的流量,也就是money了。
    2. timeout参数表示等待响应的最大时间,默认是0毫秒,表示无穷时间。
    3. maximumAge表示应用程序的缓存时间。单位毫秒,默认是0,意味着每次请求都是立即去获取一个全新的对象内容。

    在介绍getCurrentPositionwatchPosition方法之间的差异之前先讲一下clearWatch方法。clearWatch方法值接受一个参数,这是参数是由watchPosition方法返回的watchID

    现在,讲差异。getCurrentPosition方法属于一次性取用户的地理位置信息,而watchPosition方法则不停地取用户的地理位置信息,不停地更新用户的位置信息,这在我们开汽车的时候实时获知自己的位置就显得比较受用了。watchPosition方法可以通过watchPosition方法停掉(停止不断更新用户地理位置信息),方法就是传递watchPosition方法返回的watchID了。

    当用户的位置被返回的时候,会藏在一个位置对象中,该对象包括一些属性,具体见下表:

    属性释义
    coords.latitude纬度数值
    coords.longitude经度数值
    coords.altitude参考椭球之上的高度
    coords.accuracy精确度
    coords.altitudeAccuracy高度的精确度
    coords.heading设备正北顺时针前进的方位
    coords.speed设备外部环境的移动速度(m/s)
    timestamp当位置捕获到时的时间戳

    上面这些属性中只有coords.latitudecoords.longitudecoords.accuracy铁定会有东西返回的,至于其他属性很可能返回的就是null。现在,我们就可以应用诸如这里返回的经纬度在Google地图上标出自己的位置。

    六、使用实例

    现在举一个应用Geolocation API的例子,应用的是getCurrentPosition,显示当前你在地图上的位置。

    您可以狠狠地点击这里:Google地图显示您当前位置demo

    下图为显示的我当前写该文章时的地理位置:
    demo地图位置截图 张鑫旭-鑫空间-鑫生活

    点击中间的圆泡泡的图标,会显示用户您当前经纬度,时间戳啊等,例如下图所示:
    当前用户的一些信息 张鑫旭-鑫空间-鑫生活

    不过,说实话,这距离的误差绝不是只有1000m,估计至少有2000~3000m,我在浦东新区,黄浦江这边,但是其却把我放到了江的另一边。

    提示:要想看到效果,需要使用非IE6/IE7/IE8浏览器,否则,只会看到一行文字外带字符笑脸;在其他浏览器下需允许访问您的地理位置信息,因为这个东西可以随时取消,所以,可以放心大胆的允许。

    因为脚本代码有差不多70行,放到页面上有撑篇幅之嫌,故这里仅展示一些核心的代码逻辑,至于详细,您可以查看页面的源代码,有注释,

    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script>
    var eleGmap = document.getElementById("gmap");
    var showMap = function(position) {
        //经纬度所在的位置对象
        var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
        //根据pos对象中的经纬度显示Google地图了哈! 
        //...
    };
    
    if (navigator.geolocation) {
        eleGmap.innerHTML = '<div id="help"><img src="http://www.zhangxinxu.com/study/image/loading.gif" /></div>';
        //一次性获取位置的请求
        navigator.geolocation.getCurrentPosition(showMap);
    } else {
        eleGmap.innerHTML = '<div id="help">您的浏览器不支持地理位置 O(∩_∩)O~</div>';
    }
    </script>

    七、结束语

    上面这个例子是相当的简单的,Geolocation API的功能与潜力显然不止这些,规范自身还提供一些应用实例,例如:

    • 发现并绘制用户所在区域的网络点
    • 在地图上,在用户所在的位置上标注一些信息
    • 使用watchPosition路线导航
    • 当你移动时更新最新的本地信息

    毕竟目前,国内,对于桌面浏览器,不支持地理位置API的低版本IE依旧占据半壁江山,所以,在桌面浏览器上应用此API还需些日子。不过对于像是手机,ipad这类移动设备,我觉得是可以好好用用这个不错的API的,可以做出很多实用的功能的,不过我对手机开发完全不在行,所以,指点江山,还看他人了。

    参考文章:Finding your position with Geolocation

     

     

     

     
    展开全文
  • js调用浏览器api获取定位信息

    千次阅读 2020-08-12 10:27:24
    getLocation(() => { console.log('浏览器没有navigator.... console.log('同意获取定位信息 position = '); console.log(pos); console.log('经度', pos.coords.latitude); console.log('纬度', pos.coord...
    	function getLocation(noPos, agreePos, refusePos) {
    	  if (navigator.geolocation) {
    	    navigator.geolocation.getCurrentPosition(agreePos, refusePos);
    	  } else {
    	    noPos();
    	  }
    	}
    
    
         getLocation(() => {
            console.log('浏览器没有navigator.geolocation');
          }, (pos) => {
            console.log('同意获取定位信息 position = ');
            console.log(pos);
            console.log('经度', pos.coords.latitude);
            console.log('纬度', pos.coords.longitude);
          }, (error) => {
            if (error.code) {
              switch (error.code) {
                case error.PERMISSION_DENIED:
                  console.log('获取lbs失败:用户拒绝授权');
                  break;
                case error.POSITION_UNAVAILABLE:
                  console.log('获取lbs失败:无法获取当前位置');
                  break;
                case error.TIMEOUT:
                  console.log('获取lbs失败:超时');
                  break;
                case error.UNKNOWN_ERROR:
                  console.log('获取lbs失败:位置错误');
                  break;
                default:
                  console.log('获取lbs失败:兜底报错');
                  break;
              }
            }
          });
    
    展开全文
  • 浏览器获取当前城市和GPS信息

    千次阅读 2019-07-14 15:30:43
    <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2...
  • 1.进入百度地图开放平台创建应用 2.代码部分 ... ... },{enableHighAccuracy: true})//指示浏览器获取高精度的位置,默认false }); </script>      
  • 我需要在别人进入我的网站时自动定位他的地理位置,最好是市区。网上有些例子是通过百度或者是 新浪的API导入js获取到省份,但是没有获得市区。哪位大神会的教教我!谢谢!
  • 浏览器获取当前的位置的经纬度

    千次阅读 2018-06-09 14:51:17
    <script src=...ak=填入申请的AK"></script> <script type="text/javascript"> //获取当前位置 var geolocation = new BMap.Geolocation(); geolocation....
  • h5浏览器获取当前所在位置

    千次阅读 2016-04-19 14:32:06
    基于浏览器的HTML5查找地理位置         function getLocation(){  var options={  enableHighAccuracy:true,   maximumAge:1000  
  • 移动网页自动获取当前位置信息

    千次阅读 2018-11-12 13:51:12
    这个geolocation对象根据手机提供的定位方式,(wifi定位,卫星定位,ip定位等等)自己选择最优的定位方式,获取位置参数。 参数包括经度,维度,地址名称。 接下来上代码。 在需要的页面中引入百度地图api: &...
  • 笔者有需求,需要获取当前的默认浏览器的路径。网上的其他方法笔者没有去试。这里笔者采用的方式在win10 下是可行的,win7、winXp 没有测试。笔者使用 QQ电脑管家—>工具箱—>上网—>浏览器保护 进行默认...
  • vue定位 获取用户位置信息

    万次阅读 2019-07-04 10:17:43
    H5定位:定位相对较准,但是部分浏览器不兼容,我主要是在手机上测试的,UC和百度浏览器还有ios的微信浏览器是兼容的,其他的浏览器如华为浏览器、搜狗浏览器、QQ浏览器、安卓的微信浏览器全都不兼容。 百度定位:...
  • &...//这个类似用来获取访客信息的 //方便统计 classvisitorInfo { //获取访客ip publicfunctiongetIp() { $ip=false; if(!empty($_SERVER["HTTP_CLIENT_IP"])){ $ip=$_SERV...
  • php获取浏览器信息获取访客语言:简体中文、繁體中文、English。获取访客操作系统:Windows、MAC、Linux、Unix、BSD、Other。获取访客IP地址。获取访客地理位置,使用 新浪腾讯接口。
  • 不知道大家有没有遇见过,开发微信公众号的时候,需要使用到当前的位置信息跟某一个地址的位置信息计算出这两点之间的距离,这个时候呢,无疑百度的API是比较好用的,比如说哈,有一个应用场景是这样的,数据库里面...
  • 获取地理位置信息前,首先浏览器都会向用户询问是否愿意共享其位置信息,待用户同意后才能使用。 Html5获取地理位置信息是通过Geolocation API提供,使用其getCurrentPosition方法,此方法中有三个参数,分别是...
  • Selenium1.0是一个基于浏览器的开源自动化测试工具,它中可以使用多种语言编程,在运行Selenium1.0程序之前,需要先启动selenium server服务,及selenium remote control,简称为RC。由于其实由JavaScript实现的,...
  • if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(onSuccess , onError...alert(“您的浏览器不支持使用HTML 5来获取地理位置服务”); } //定位数据获取成功响应 function onSuccess(position)...
  • #获取当前浏览器在屏幕上的位置(坐标) driver.get_window_position() #设置当前浏览器在屏幕上的位置(坐标) driver.set_window_position(x=400,y=200) from selenium import webdriver import unittest import ...
  • 百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。 该套API免费对外...
  • 我们通过微信浏览器打开页面时,有时会提示要获取地理位置信息.点击同意后,自己的地理位置信息就会相应的显示在页面,同时通过数据库的查询,以实现以地理位置分类的逻辑业务. 本例通过thinkphp5来完成,下面介绍...
  • 腾讯地图H5位置获取

    万次阅读 2018-11-09 09:35:53
    腾讯地图H5位置获取 直接ctrl+c 就行了 直接打开 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; ...
  • 手机端定位获取用户位置信息

    千次阅读 2018-07-10 17:48:00
    手机端定位获取用户位置信息 复制粘贴,发送到真实手机,用浏览器打开即可看到效果

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 245,672
精华内容 98,268
关键字:

怎么让浏览器获取你的位置信息