网站通过百度地图api定位网友所在城市
博客专区 > kubei 的博客 > 博客详情
网站通过百度地图api定位网友所在城市
kubei 发表于8个月前
网站通过百度地图api定位网友所在城市
  • 发表于 8个月前
  • 阅读 46
  • 收藏 3
  • 点赞 0
  • 评论 1

腾讯云 技术升级10大核心产品年终让利>>>   

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

方法一: 获取访客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

标签: 网站定位
共有 人打赏支持
粉丝 4
博文 16
码字总数 7468
评论 (1)
×
kubei
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: