精华内容
下载资源
问答
  • 谷歌定位 geolocation Google map 定位

    千次阅读 2019-08-01 15:48:26
    最近有个需求,关于国外(主要是美国)的当前位置定位和指定地址并且显示地图。故采用了google map 的 api完成(肯定需要...主要用到两个api,一个是geolocation对象的getCurrentPosition()方法获取位置(目前找到的...

    最近有个需求,关于国外(主要是美国)的当前位置定位和指定地址并且显示地图。故采用了google map 的 api完成(肯定需要科学上网)。

    (写在前面。。。下面的demo google文档也有,但是不好找,特别对于英语不好的人(捂脸))

    1.获得当前位置定位,并且返回州和市名称
    主要用到两个api,一个是geolocation对象的getCurrentPosition()方法获取位置(目前找到的比较准确的定位,国内外都能用,通过硬件ip或者wifi或者gps),再将经纬度传入google.maps.Geocoder类下面的geocode方法,返回相应信息。

    **首先需要一个Google的key,可以去谷歌免费申请**	
    引入googel服务,jsonp那种传入一个回调,我是在这里运行初始化函数,在页面渲染的时候就进行定位
    
        <script
            src="https://maps.google.cn/maps/api/js?key=yourkey&libraries=places&callback=init"
            async defer></script>
        <script>
    
    

    现在接口,key都有了就可以愉快的开始码代码了
    先获取经纬度

     navigator.geolocation.getCurrentPosition(function (position) {
                    var pos = {
                        lat: position.coords.latitude,
                        lng: position.coords.longitude
                    };
                    console.log(pos);//获取的位置
                    if (pos == undefined) {
                        throw "值为空";
                    }
                    getPosition(pos)//调用包含谷歌接口的api
                },
                function (err) {
                    console.warn('ERROR(' + err.code + '): ' + err.message);
                })
    

    将位置传入谷歌接口 navigator.geolocation.getCurrentPosition(fn,fn)有两个回调,一个用于成功的回调,一个失败的回掉(这里考虑了失败的情况,用了try cach)

     function getPosition(latlng) {
                geocoder = new google.maps.Geocoder;
                geocoder.geocode({
                    'location': latlng
                }, function (results, status) {
                    console.log('進入定位', results, status);
                    if (status === 'OK') {
                        try {
                            var firstResult = results[0];
                            var city = firstResult.address_components[2].long_name//城市名
                            var state = firstResult.address_components[5].long_name//州名
                            console.log(firstResult);
                            console.log(city);
                            console.log(state);
                            console.log(city == '' || state == '');
                            if (city == '' || state == '') {
                              doSomething...
                                return 0
                            } else {
     						doSomething...
                                    } else {
                                        console.log('fail');
                                         doSomething...
                                    }
                                })
                            }
                        } catch (e) {
                            console.log(e);
                            doSomething...
                        }
                    } else {
                        doSomething...
                    }
                });
    
            }
    

    2.传入地址,生成地图

    这个谷歌文档给了api,我自己删减些(有些用不到),感兴趣的可以直接去文档看看,我这里加了个箭头

         function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
              zoom: 8,
              center: {lat: -34.397, lng: 150.644}                                            //这里需要传一个默认的,后面会覆盖
            });
            var geocoder = new google.maps.Geocoder();
            //拼接地址
        var address = 地址//传入地址
            
            geocodeAddress(address,geocoder, map);
          }
            //渲染地图
          function geocodeAddress(address,geocoder, resultsMap) {
           
            geocoder.geocode({'address': address}, function(results, status) {
              if (status === 'OK') {
                resultsMap.setCenter(results[0].geometry.location);
                var marker = new google.maps.Marker({                                //加入箭头
                  map: resultsMap,
                  position: results[0].geometry.location
                });
              } else {
                alert('Geocode was not successful for the following reason: ' + status);
              }
            });
          }
    

    写在后面,前端弱鸡,大佬轻喷,大家有什么想交流的可以联系我也可以评论。
    加我哦!!

    展开全文
  • android谷歌定位

    热门讨论 2012-12-21 10:49:22
    android谷歌定位,用的异步线程,可以获取城市信息等等。
  • 当我们在使用selenium各种定位的时候,是不是经常遇到定位难的问题,现在推荐大家使用谷歌浏览器的神器,帮我们获取想要的定位元素,今天主要介绍xpath,其它方式类似! 打开谷歌浏览器开发者模式 选择元素这栏...

    当我们在使用selenium各种定位的时候,是不是经常遇到定位难的问题,现在推荐大家使用谷歌浏览器的神器,帮我们获取想要的定位元素,今天主要介绍xpath,其它方式类似!

    打开谷歌浏览器开发者模式

    选择元素这栏,然后光标定位到我们想要获取的内容处

    然后谷歌会自动定位到我们所点数据的元素位置

    接下来就是见证奇迹的时刻了

    右击鼠标-Copy - Copy Xpath

    展开全文
  • 获取定位信息

    2019-11-04 17:50:34
    获取定位信息 html代码 <body> <div id="container"></div> </body> js代码 <script charset="utf-8" src="http://map.qq.com/api/js?v=2&libraries=convertor"></script> ...

    获取定位信息

    html代码
    <body>
    <div id="container"></div>
    </body>
    js代码
    <script charset="utf-8" src="http://map.qq.com/api/js?v=2&libraries=convertor"></script>
    <script>
     var lat=39.916527,lng=114.397128;
     function getLocation(){
       //判断是否支持 获取本地位置
         if (navigator.geolocation){
           navigator.geolocation.getCurrentPosition(showPosition);
         }
         else{
          alert("浏览器不支持定位.");
         }
     }
     function showPosition(position){
     lat=position.coords.latitude; 
     lng=position.coords.longitude;
     alert(lat+"lng:"+lng)
     //调用地图命名空间中的转换接口   type的可选值为 1:gps经纬度,2:搜狗经纬度,3:百度经纬度,4:mapbar经纬度,5:google经纬度,6:搜狗墨卡托
     qq.maps.convertor.translate(new qq.maps.LatLng(lat,lng), 1, function(res){
        //取出经纬度并且赋值
           latlng = res[0];
        var map = new qq.maps.Map(document.getElementById("container"),{
             center:  latlng,
             zoom: 13
         });
         //添加监听事件   获取鼠标单击事件
         qq.maps.event.addListener(map, 'click', function(event) {
             var marker=new qq.maps.Marker({
                     position:event.latLng, 
                     map:map
               });  
               var latlng =event.latLng;
               lat=latlng.lat;
               lng=latlng.lng;
    //         alert(lat+"lng>>>"+lng)
             
            qq.maps.event.addListener(map, 'click', function(event) {
                 marker.setMap(null);
          });
         });
          
         });
         
     }
    </script>
    
    展开全文
  • https://www.jianshu.com/p/d362d021fb20 win10自带浏览器可以使用 谷歌定位失败

    https://www.jianshu.com/p/d362d021fb20

    展开全文
  • 社会工程学之ip获取定位

    千次阅读 2020-08-31 22:48:24
    社会工程学之ip获取定位IP地址获取ThreatScan在线扫描工具基础信息扫描端口扫描旁站扫描信息泄露查询IP物理定位方法Python查询经纬度网站定位位置安全建议手机查找 IP地址获取 IP地址获取非常简单,有很多网站和...
  • html5获取自己定位的方法直接用高德地图api 不要用百度地图api 不准确浏览器定位src="http://webapi.amap.com/maps?v=1.3&key=00955dce4bad4be3ec81058776e0e307">function regeocoder(lnglatXY) { //逆地理编码var ...
  • APP启动的时候需要根据地区来显示不同的引导图,所以需要经纬度坐标。GPS定位显然是 ...基站定位的话,我获取了基站信息,但是怎么转经纬度坐标呢?谷歌接口 需要翻墙,求国内的转换接口(百度和高德没有找到)
  • 有时候我们仅仅是想要获取设备所在的经纬度,那么直接调用Android相关的api就可以了,不需要去接入高德地图或者谷歌地图等等。 一、获取定位服务 private LocationManager locationManager; locationManager = ...
  • 百度 谷歌 定位

    2017-01-20 14:06:38
    http://www.cnblogs.com/zhaohuionly/archive/2013/06/18/3142623.html ...演示:HTML5获取地理位置定位信息 .demo{width:560px; margin:60px auto
  • 什么是定位SDKAndroid 定位 SDK 是一套简单的LBS服务定位接口,您可以使用这套定位API获取定位结果、逆地理编码(地址文字描述)、以及地理围栏功能。面向的读者Android 定位 SDK 是提供给具有一定 Android 编程经验和...
  • react.js获取定位Spreadsheets are popular since they act as a database that’s easy to modify for non-developers. Anyone with a laptop and internet connection can use spreadsheets and insert useful in...
  • 我使用的是AS2.2.2,首先翻墙注册google开发者帐号,准备获取API Key,网上有许多相关资料我就不再赘述,这里讲一个比较小白级的获取方法,可以减少许多输入 1.1. AS创建项目添加一个Google Map Activity 1.2 创建...
  • 原生 js 如何获取定位

    2020-11-01 20:15:52
    本篇文章作为前面一篇文章(原生js如何获取宽高)的后续,主要分析原生 javascript 获取元素定位的 api 以及一些优化。 JS 定位都有哪些获取方式呢 clientLeft & clientTop offsetLeft & offsetTop ...
  • 主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下
  • android定位获取城市

    万次阅读 2016-01-05 11:26:26
    在项目中需要定位当前用户所在城市,然后根据不同城市返回不同的数据。一般来说,定位有两种方式,1、用第三方的定位sdk,如百度定位;2、用android自带的sdk中的api定位。...定位获取经纬度: private
  • 微信网页和app内h5页获取当前定位保持一致 Q:微信网页调用jssdk内的getLocation方法和客户端内封装的高德获取定位获取到的当前定位不一致,计算出的远近排序不一致。 解决:getLocation方法,type用gcj02、...
  • 本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能。 1.获取当前地理位置 调用方法 void getCurrentPosition(onSuccess, onError, options);即可。 其中...
  • 如何通过AT指令获取基站定位

    千次阅读 2014-12-21 20:59:00
    基站定位一般应用于手机用户,手机基站定位服务又叫做移动位置服务(LBS——Location Based Service),它是通过电信移动运营商的网络(如GSM网)获取移动终端用户的位置信息(经纬度坐标),在电子地图平台的支持下...
  • 首先我们要检测用户设备浏览器是否支持地理定位,如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,所以我们在访问该应用时会提示是否允许地理定位,我们当然...
  • html5谷歌地图定位源码,获取当前位置并显示在google地图 下载的同学们收藏了吧
  • 一、谷歌地图不能正常显示: 情形①、谷歌地图的div原本设置成隐藏的,在点击的时候才出现。 隐藏使用的方案:display:none,display的dom元素不占位置 引起地图的初始化失败。 情形②、设置的地图的中心点的...
  • 首先我们要检测用户设备浏览器是否支持地理定位,如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,所以我们在访问该应用时会提示是否允许地理定位,我们当然...
  • vue定位 获取用户位置信息

    万次阅读 2019-07-04 10:17:43
    关于定位功能尝试了很多种方法,h5定位,百度地图定位,高德地图定位,因为ip定位只能定位到城市,所以我选用的是浏览器定位。总结如下: H5定位定位相对较准,但是部分浏览器不兼容,我主要是在手机上测试的,UC...
  • cartographer_ros定位功能位姿获取与重定位设置

    千次阅读 热门讨论 2020-03-21 22:59:20
    本人小白,项目中使用cartographer进行机器人的定位。cartographer_ros中没有发布机器人在...因此对源码进行简单修改,获取高频率的位姿topic并在rviz中根据机器人当前位置进行重定位。 准备工作 源码安装 首先对...
  • @H_404_7@1.H5地理位置定位功能@H_404_7@首先判断用户浏览器是否支持该功能,目前大多数现代浏览器均支持,获取位置信息需用户授权同意@H_404_7@@H_404_7@functiongetLocation(){if(navigator.geolocation){ ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 87,468
精华内容 34,987
关键字:

获取google定位