JS实现H5页面经纬度GPS定位功能

时间:16-03-01 栏目:前端开发 作者:kyle 评论:3 点击: 9,978 次

只能说一直在忙, 好多想做的事情没有搞起来,太久没写文章了,直接上代码了。网上的代码总感觉乱七八糟的,当然我的也差不多一样。

 

整理成自己喜欢的风格了。希望有些用途。

<script type="text/javascript">
//获取经纬度坐标
function getPosition (callback) {

    if ("geolocation" in navigator) {
        var geo_options = {
          enableHighAccuracy: true,
          maximumAge: 0,
          timeout : 6000
        };
        navigator.geolocation.getCurrentPosition(function(pos) {
            // 获取到当前位置经纬度
            var lng = pos.coords.longitude;
            var lat = pos.coords.latitude;
            callback(lng,lat);
        }, function(err){
            console.log(err.message);
        }, geo_options);
    } else {
         console.log("Browser didnt support geolocation");
    }

};

//测试
getPosition(function(lng,lat){
    var out=document.getElementById('out');
    out.outerHTML='当前经度:'+lng+'<br/>当前纬度'+lat;
});

</script>

 

近期若是换个工作,应该就会有大把的时间腾出来了。

 

应用:获取之后可以用百度地图定位坐标所在城市。

 

还有别的一些应用,可以尝试一下。

成都SEO小五嚎2句: 本文是(成都SEO小五)辛苦弄出来的,转载成都SEO小五原创的请保留链接: JS实现H5页面经纬度GPS定位功能,3Q

JS实现H5页面经纬度GPS定位功能:目前有3 条留言,牛逼吧!

  1. 地板
    行书:

    特别项目你这个想跳就跳的能力

    2016-03-02 10:49 am [回复]
  2. 板凳
    行书:

    羡慕

    2016-03-02 10:49 am [回复]
  3. 没有医保和寿险的,天黑后不要见义勇为。

    2016-03-14 3:57 am [回复]

来给哥评论评论


------====== 小五公告 ======------
成都SEO小五,专注成都搜索引擎优化。
小五善长站内外优化,C#、PHP开发,中英文SEO,Google中英文和百度优化技术。欢迎群内交流。伸手党请绕路,求资源的请绕开,求问题解答的请进群内交流。开放了一个QQ交流群:160750032。加入验证时请标注任何SEO相交字眼。友情链接直接Q我,收录正常,内容大部份原创、SEO或者程序开发、网络营销、线上推广等相关行业即可。

常用工具

赞助广告

来看过哥的人