获取地理位置_获取地理位置信息 - CSDN
精华内容
参与话题
  • 如何获取用户当前详细的地理位置 一、总结 一句话总结:第三方API和js中geolocation。   1、google地图API教程地址? Google API 教程 | 菜鸟教程http://www.runoob.com/googleapi/googleapi-tutorial.html ...

    如何获取用户当前详细的地理位置

    一、总结

    一句话总结:第三方API和js中geolocation

     

    1、google地图API教程地址?

    Google API 教程 | 菜鸟教程
    http://www.runoob.com/googleapi/googleapi-tutorial.html

    或者直接百度 google地图中文api

     

     

     

    二、如何获取用户当前详细的地理位置

    问题一:怎么获取用户所以位置?

    最近有个需求是获取用户周围附近商家,怎么获取用户所以位置?比较准,误差比较小的方法,请各位大神指导下

     

    解答一

    如果是这种需求的话应该要调用浏览器所提供的api,这些api的话一般浏览器还是会有提供,参考这里http://www.zhangxinxu.com/wor...,没有提供的话建议还是让用户手动定位

     

    你可以使用第三方地图API来获取用户当前的经纬度:高德API | 高德web定位

     

    第三方api么

     

    你是手机App还是Web(看你标签用的PHP,应该是Web了),AppGPSWeb有一些第三方Api可以调

     

    看看百度地图API在指定圆形区域内搜索效果 http://developer.baidu.com/ma...

     

     

    问题二:javascript 怎么获得手机地理位置 比如经纬度

    javascript 获得手机地理位置代码如下:

     

    解答二

    <script>
        navigator.geolocation.getCurrentPosition( // 该函数有如下三个参数
            function(pos){ // 如果成果则执行该回调函数
                alert(
                    '  经度:' + pos.coords.latitude +
                    '  纬度:' + pos.coords.longitude +
                    '  高度:' + pos.coords.altitude +
                    '  精确度(经纬):' + pos.coords.accuracy +
                    '  精确度(高度):' + pos.coords.altitudeAccuracy +
                    '  速度:' + pos.coords.speed
                );
            }, function(err){ // 如果失败则执行该回调函数
                alert(err.message);
            }, { // 附带参数
                enableHighAccuracy: false// 提高精度(耗费资源)
                timeout: 3000, // 超过timeout则调用失败的回调函数
                maximumAge: 1000 // 获取到的地理信息的有效期,超过有效期则重新获取一次位置信息
            }
        );
    </script>

     

    >> 参考 Lecaf 同学的博文

    >> 需要支持HTML5的浏览器才能支持

    >> 哪怕支持HTML5的浏览器支持也不一定很好

     

     

     

     

     

     
    展开全文
  • 获取地理位置

    2019-04-28 00:39:00
    可根据获取到的经纬度查询到所在的地理位置。 <p><button onclick="geoFindMe()">Show my location</button></p> <div id="out"></div> <script> ...

    可根据获取到的经纬度查询到所在的地理位置。

        <p><button onclick="geoFindMe()">Show my location</button></p>
        <div id="out"></div>
        <script>
            function geoFindMe() {
                
                var output = document.getElementById("out");
    
                output.innerHTML = "<p>Locating…</p>";
                
                if ("geolocation" in navigator) {
                    /* 地理位置服务可用 */
                    navigator.geolocation.getCurrentPosition(success, error);
                } else {
                    /* 地理位置服务不可用 */
                    output.innerHTML = "<p>地理位置服务不可用</p>";
                }
    
                // 成功调用
                function success(position) {
                    var latitude = position.coords.latitude;
                    var longitude = position.coords.longitude;
                    output.innerHTML = "经度:" + longitude + "<br/>纬度:" + latitude;
                }
    
                // 失败调用
                function error() {
                    output.innerHTML = "无法获取您的位置";
                }
    
            }
        </script>

     

    GitHub:Fuck me on GitHub Fuck me on GitHub

    留下你的足迹求推荐呦

    展开全文
  • 如何获取用户当前详细地理位置

    万次阅读 2018-07-10 17:30:50
    1.如果是这种需求的话应该要调用浏览器所提供的api,...你可以使用第三方地图API来获取用户当前的经纬度:高德API | 高德web定位3.看看百度地图API在指定圆形区域内搜索效果 http://developer.baidu.com/ma......

    1.如果是这种需求的话应该要调用浏览器所提供的api,这些api的话一般浏览器还是会有提供,参考这里http://www.zhangxinxu.com/wor...,没有提供的话建议还是让用户手动定位

    2.你可以使用第三方地图API来获取用户当前的经纬度:高德API | 高德web定位

    3.看看百度地图API在指定圆形区域内搜索效果 http://developer.baidu.com/ma...

    展开全文
  • html5获取地理位置信息4种方式详解

    万次阅读 2017-12-28 20:31:36
    HTML5怎样获取地理信息,如html5怎样获取ip地址,怎样实现gps导航定位,wifi基站的mac地址服务等,这些在HTML5中已经都已经有API实现了,用户可以轻松使用html5技术进行操作,下面详细为大家介绍HTML5操作地理信息。...

    HTML5怎样获取地理信息,如html5怎样获取ip地址,怎样实现gps导航定位,wifi基站的mac地址服务等,这些在HTML5中已经都已经有API实现了,用户可以轻松使用html5技术进行操作,下面详细为大家介绍HTML5操作地理信息。

    1、HTML5中ip地址
    其实在中国IP地址还是比较准确,书上说不准确,很多时候获取的是ISP机房的位置,但是获取非常方便,没有什么限制。但是实际上我觉得在中国,ip地址还是比较准确的,基本上上能精确到小区或大楼的标准。

    2、HTML5中GPS定位操作

    GPS定位非常准确,但是需要在户外,且需要很长时间搜索卫星。但前提就是硬件设备要支持GPS。最主要的很多设备比如笔记本电脑基本都是不带GPS的,新的智能手机purse hanger倒是都有。

    3、WiFi基站的mac地址。

    (猜测是连接位置已知的公共WiFi的时候,通过Mac地址识别WiFi接入点,从而定位)

    这种定位的精度还是很不错的,而且还可以在室内定位。不过由于这种位置公开的wifi比较少,此种方法的适用范围比较少。

    4、 GSM或CDMA基站

    通过基站定位,精度随基站密度变化,精度一般,还是只有手机能用。看来地理位置API还是手机上比较有实用性。

    5、用户指定位置

    晕,这个就不是HTML5的范畴了。

    地理位置获取流程步骤:

    1、用户打开需要获取地理位置的web应用。

    2、应用向浏览器请求地理位置,浏览器弹出询问窗口,询问用户是否共享地理位置。

    3、假设用户允许,浏览器从设别查询相关信息。

    4、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。

    检测浏览器支持:

    JavaScript Code 检测是否支持
    function loadDemo() { 
     
    if(navigator.geolocation) {  
    document.getElementById(“support”).innerHTML = “HTML5 Geolocation supported.”;  
      
    } else {  
    document.getElementById(“support”).innerHTML = “HTML5 Geolocation is not supported in  
    your browser.”;  
     
     
    位置请求方式:

    单次请求

    JavaScript Code

    navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, options);  
    回调函数updateLocation接受一个对象参数,表示当前的地理位置,它有如下属性:

    latitude——纬度
    longitude——精度
    accuracy——精确度,单位米
    altitude——高度,单位米
    altitudeAccuracy——高度的精确地,单位米
    heading—运动的方向,相对于正北方向的角度
    speed——运动的速度(假设你在地平线上运动),单位米/秒

    回调函数handleLocationError接受错误对象,error.code是如下错误号。

    UNKNOWN_ERROR (error code 0) —— 错误不在如下三种之内,你可以使用error.message获取错误详细信息。
    PERMISSION_DENIED (error code 1)—— 用不选择不共享地理位置
    POS
    ITION_UNAVAILABLE (error code 2) ——无法获取当前位置
    TIMEOUT (error code 3) ——在指定时间无法获取位置会触发此错误。

    第三个参数options是可选参数,属性如下:

    enableHighAccuracy——指示浏览器获取高精度的位置,默认为false。当开启后,可能没有任何影响,也可能使浏览器花费更长的时间获取更精确的位置数据。
    timeout——指定获取地理位置的超时时间,默认不限时。单位为毫秒。
    maximumAge——最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。默认为0,表示浏览器需要立刻重新计算位置。

    参数使用的例子如下:wedding veil

    JavaScript Code
    navigator.geolocation.getCurrentPosition(updateLocation,handleLocationError, 
     
     
    {timeout:10000});  
    重复请求

    navigator.geolocation.watchPosition(updateLocation, handleLocationError);
    使用 watchPosition可以持续获取地理位置,浏览器或多次调用updateLocation函数以便传递最新的位置。该函数返回一个 watchID,使用navigator.geolocation.clearWatch(watchId)可以清除此次回调,使用不带参数的 navigator.geolocation.clearWatch()清除说有watchPosition。

    地址转换:

    由于地理位置API返回的是经纬度,如果要计算两个位置之间的距离,可以使用著名的Haversine公式计算两个坐标在地平线上的距离。

    Listing 4-7. A JavaScript Haversine implementation

    JavaScript Code复制内容到剪贴板
    function toRadians(degree) {   
     
              return degree * Math.PI / 180;    
            }     
            
            function distance(latitude1, longitude1, latitude2, longitude2) {    
              // R is the radius of the earth in kilometers    
        var R = 6371;      
            
              var deltaLatitude = toRadians(latitude2-latitude1);    
        var deltaLongitude = toRadians(longitude2-longitude1);    
              latitude1 =toRadians(latitude1);    
         latitude2 =toRadians(latitude2);     
            
        var a = Math.sin(deltaLatitude/2) *    
        Math.sin(deltaLatitude/2) +    
                      Math.cos(latitude1) *    
                      Math.cos(latitude2) *    
        Math.sin(deltaLongitude/2) *    
        Math.sin(deltaLongitude/2);     
            
              var c = 2 * Math.atan2(Math.sqrt(a),    
        Math.sqrt(1-a));    
              var d = R * c;    
              return d;    
        }

    以上是为大家讲解HTML5中基本的操作地理信息,如怎样获取ip,mac地址,gps定位等操作,主要是基本的讲解与了解供大家参考学习。


     

    位置信息

    在 HTML5 中,当请求一个位置信息时,如果用户同意,浏览器就会返回位置信息,该位置信息是通过支持地理定位功能的底层设备(比如笔记本电脑或手机)提供给浏览器的。位置信息由纬度、经度坐标和一些其他元数据组成。例如北京故宫的位置信息主要由一对纬度和经度坐标组成:纬度:北纬 39.9,经度:东经 116.4。

    经纬度坐标有两种表示方式:十进制格式(例如 39.9)和 DMS(Degree Minute Second,角度)格式(例如 39 ° 54 ′ 20 ″)。HTML5 Geolocation API 返回的坐标格式为十进制格式。除了纬度和经度坐标,HTML5 Geolocation 还提供位置坐标的准确度。除此之外,它还会提供其他一些元数据,比如海拔、海拔准确度、行驶方向和速度等,具体情况取决于浏览器所在的硬件设备。

    位置信息一般从如下数据源获得:

    • IP 地址
    • 三维坐标
      • GPS(Global Positioning System,全球定位系统)
      • Wi-Fi
      • 手机信号
    • 用户自定义数据

    它们各有优缺点如表 1 所示,为了保证更高的准确度,许多设备使用多个数据源组合的方式。

    表 1. 位置信息获取方式对比
    数据源 优点 缺点
    IP 地址 任何地方都可用 
    在服务器端处理
    不精确(经常出错,一般精确到城市级)
    运算代价大
    GPS 很精确 定位时间长,耗电量大 
    室内效果差 
    需要额外硬件设备支持
    Wi-Fi 精确 
    可在室内使用 
    简单、快捷
    在乡村这些 Wi-Fi 接入点少的地区无法使用
    手机信号 相当准确 
    可在室内使用 
    简单、快捷
    需要能够访问手机或其 modem 设备
    用户自定义 可获得比程序定位服务更准确的位置数据 
    用户自行输入可能比自动检测更快
    可能很不准确,特别是当用户位置变更后

    回页首

    浏览器支持情况

    各浏览器对 HTML5 Geolocation 的支持程度不同,并且还在不断更新中。好消息是:在 HTML5 的所有功能中,HTML5 Geolocation 是第一批被全部接受和实现的功能之一,相关规范已经达到一个非常成熟的阶段,不大可能做太大改变。如表 2 所示,很多浏览器已经支持 HTML5 Geolocation:

    表 2. 浏览器对 HTML5 Geolocation 的支持情况
    浏览器 支持情况
    Firefox 3.5 及以上版本支持
    Chrome 在带有 Gears 的第 2 版 Chrome 中被支持
    Internet Explorer 通过 Gears 插件支持
    Opera 在版本 10 中支持
    Safari 在版本 4 中支持以实现在 iPhone 上可用

    由于浏览器对它的支持程度不同,在使用之前最好先检查浏览器是否支持 HTML5 Geolocation API。后面将讲解如何检查浏览器是否支持此功能。本文中所有示例程序都在 Firefox 12.0 上运行测试成功。

    展开全文
  • 获取用户地理位置

    千次阅读 2018-08-11 17:31:46
    首先在HTML的头部&lt;head&gt;标签中引入:&lt;script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"&gt;&lt;/script&...initial-scale=1.0, user
  • Android 快速获得当前所在地理位置(简单定位)

    万次阅读 多人点赞 2020-06-29 10:09:25
    本篇主要介绍谷歌自带的LocationManager 获取手机定位的方法,以及通过谷歌服务Geocoder 来进行反地理编码。但是由于国内的手机厂商很多都不能使用geocoder 服务了,所以为了稳定,消除不同手机系统所带来的不稳定性...
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ ...
  • 微信小程序--获取地理位置

    万次阅读 2018-05-17 21:55:20
    利用小程序的API获取当前位置信息,小程序的开发文档中也有介绍,如下图:相关参数:接下来演示如何用API来获取位置信息。在小程序开发工具中,前台页面和代码如图:后台代码如下://获取经纬度 getLocation: ...
  • 要点:获取地理位置时,如果获取地理位置失败,有两种情况: 1、用户未给小程序授权地理位置信息 2、系统设置中-隐私选项地理位置未开启或系统未给微信授权地理位置信息 在获取地理位置信息失败后,判断用户是否...
  • 微信小程序--获取地理位置名称

    万次阅读 多人点赞 2017-07-07 14:22:27
    获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。OBJECT参数说明: success返回参数说明: 从文档可知该方法只是返回的位置坐标等信息,并未...
  • 由于项目需求,需要获取手机的当前位置,,,,,问度娘,然后做了一个小demoif(navigator.geolocation) { navigator.geolocation.getCurrentPosition( function (position) { var longitude = position.coords....
  • 我需要在别人进入我的网站时自动定位他的地理位置,最好是市区。网上有些例子是通过百度或者是 新浪的API导入js获取到省份,但是没有获得市区。哪位大神会的教教我!谢谢!
  • 在进行微信运营的时候,用户地理位置是我们进行营销策划、广告活动投放、用户精准营销的重要依据,今天我们就来分析一下微信开发中如何获取获取用户地理位置获取用户地理位置,你需要在微信公众平台开发者中心...
  • h5获取手机地理位置

    万次阅读 2018-10-10 18:48:32
    由于这两天在做公司的班车信息,要获取人所在的位置,用h5的 navigator.geolocation 获取手机地理定位,主要方法比较简单: getlocationpoint:function () { if (navigator.geolocation){ navigator....
  • 开通了上报地理位置接口的公众号,用户在关注后进入公众号会话时,会弹框让用户确认是否允许公众号使用其地理位置。弹框只在关注后出现一次,用户以后可以在公众号详情页面进行操作。 获取用户地理位置 获取用户...
  • 微信小程序------获取地理位置

    万次阅读 热门讨论 2017-06-12 18:09:14
    由于小程序只提供了我们一个获取地理位置、速度的api,并没有获取的相关地位位置的信息等等,因此我们还需要借助一些第三方的api来实现 我们可以使用百度地图的api来获取地位位置的信息。 ...
  • H5页面获取用户当前地理位置

    千次阅读 2018-04-28 11:14:14
    通过腾讯H5前端地理位置模块,来获取用户当前地理位置。&lt;!-- 引入腾讯模块CDN --&gt; &lt;script type="text/javascript" src="...qq_positi...
  • 微信企业号开发之地理位置获取

    万次阅读 2016-02-26 14:01:59
    微信企业号开发之地理位置信息获取
  • H5获取地理位置

    千次阅读 2016-10-31 19:26:25
    第一步:获取地理位置,首先要判断是否支持地理位置的API,通过//判断浏览器是否支持地理位置接口 function justify_location(){ if(navigator.geolocation) { // 支持 console.log("支持地理位置接口"); } else...
  • HTML5实现获取地理位置信息并定位功能 注:请点击此处进行充电! 前言 这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的...
1 2 3 4 5 ... 20
收藏数 60,421
精华内容 24,168
关键字:

获取地理位置