网站通过百度地图api定位网友所在城市

最新推荐文章于 2021-12-13 13:59:30 发布

weixin_34361881

最新推荐文章于 2021-12-13 13:59:30 发布

阅读量160

点赞数

原文链接：https://my.oschina.net/u/218676/blog/888801

版权

2019独角兽企业重金招聘Python工程师标准>>>

在网站里，定位网友所在城市有两种方法

方法一：获取访客ip 然后通过纯真QQip地址库查询出ip对应的城市；

这个方法，因为ip地址的不规范和 ip库的更新不及时，导致经常定位出差；

方法二：通过百度地图接口，获取到访客的坐标，通过坐标查询出城市，基本就没有差错了。

下面的方法是方法二：百度地图接口定位。

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=025811480258E7eFd9f7dbae4c060b03"></script>
<div id="localallmap" style="display:none;"></div>
<script>
// 百度地图API功能
    var map = new BMap.Map("localallmap");
    var point = new BMap.Point(116.331398,39.897445);
    map.centerAndZoom(point,12);
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){                  
            var geoc = new BMap.Geocoder();             
            geoc.getLocation(r.point, function(rs){
                    var addComp = rs.addressComponents; 
                    var city = addComp.province +addComp.city;
                    alert(city)
                     var url = location.href;
                     var from = "";
                     if(url.indexOf("?")>0){   
                        url = url.split("?");
                        from = url[1];   
                     }
                    if((from == '') &&  city.indexOf('柳州')>0){window.location.href='http://liuzhou.guifun.com/mobile/';}
            })
        }
        else {
            alert('failed'+this.getStatus());
        }        
    },{enableHighAccuracy: true})
    
 </script>

伍成才技术博客，专注apicloud 打包APP开发，php后台搭建，擅长js+css+html +php 建站

伍成才服务QQ 2687431234

转载于:https://my.oschina.net/u/218676/blog/888801