现在lbs服务比较火,基本上都需要定位用户的地理信息,用户地理信息一般是通过gps来定位实现的,那么假如
用户的gps坏了,或者没有开启,那么怎么获得用户的地理信息的呢?替代的办法就是可以获得手机真实ip信息来大致获取手机用户的
大概位置,虽然不是很精确,但是在精确度不高的情况下可以临时代替一下,本文就是实现如何通过ip来定位用户的。这里主要使用获得pc端模拟手机端原理
使用工具:
地图:谷歌地图Google Maps JavaScript API V3
首先介绍一下谷歌地图定位地理信息的原理:根据经纬度查询出用户的地理信息,====gps可以获得经纬度。
也可以使用谷歌的共享地理位置信息 ,例如火狐的有http://www.mozilla.com/zh-CN/firefox/geolocation/可以体验一下共享地理信息,不过那个技术是基于w3c标准的,目前ie还不是支持。
本文要实现的:根据ip 查询获得ip的地理信息 和在地图中的显示
设计思想:获得ip信息--->查询到ip地理位置(如杭州 北京等,这个有两种方法一种是使用ip数据库,另外一种是门户网站接口)
----->根据获得的地理信息,谷歌把他转化为经纬度---->经纬度定位
本次修改增加了弹出信息窗口和 事件监听方法(监听经纬值)还是 在地图中显示图像功能
1:获得用户ip信息
这里推荐使用腾讯的ip开放接口,地理信息比较全,获得ip信息的更详细介绍
这个带有查询ip功能的方法,手机获得手机端ip信息传到这个方法,获取到地理位置
- //根据腾讯接口查询ip地址
- function getIPLoc($queryIP){
- $url = 'http://ip.qq.com/cgi-bin/searchip?searchip1='.$queryIP;
- $ch = curl_init($url);
- curl_setopt($ch,CURLOPT_ENCODING ,'gb2312');
- curl_setopt($ch, CURLOPT_TIMEOUT, 10);
- curl_setopt($ch, CURLOPT_RETURNTRANSFER, true) ; // 获取数据返回
- $result = curl_exec($ch);
- $result = mb_convert_encoding($result, "utf-8", "gb2312"); // 编码转换,否则乱码
- curl_close($ch);
- preg_match("@<span>(.*)</span></p>@iU",$result,$ipArray);
- $loc = $ipArray[1];
- return $loc;
- }
- //方法2 直接获得客户端ip地址
- function getIpPlace(){
- $ip=file_get_contents("http://fw.qq.com/ipaddress");
- $ip=str_replace('"',' ',$ip);
- $ip2=explode("(",$ip);
- $a=substr($ip2[1],0,-2);
- $b=explode(",",$a);
- return $b;
- }
- <script type="text/javascript" src="http://ditu.google.com/maps/api/js?sensor=true"></script>
设置谷歌地图的参数
zoom是地图显示的缩放级数,center是地图的中心位置,maptypeid是地图的类型,address主要获取查询到的地理信息,
gecode主要是谷歌地图吧地理信息转化为经度纬度值,title主要是点击时候的名称,icon主要是锚点的背景图像,没有的话就是是默认值
- <script language="javascript">
- var geocoder;
- var map;
- function initialize() {
- geocoder = new google.maps.Geocoder();
- var latlng = new google.maps.LatLng(39.9493, 116.3975);
- var myOptions = {
- zoom: 15,
- center: latlng,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- }
- var address = document.getElementById("address").value;
- var img='http://avatar.csdn.net/B/9/A/1_youacai.jpg';
- if (geocoder) {
- geocoder.geocode( { 'address': address}, function(results, status) {
- if (status == google.maps.GeocoderStatus.OK) {
- map.setCenter(results[0].geometry.location);
- var marker = new google.maps.Marker({
- map: map,
- position: results[0].geometry.location,
- title:'位置',
- icon:img
- });
- }
- });
- }
- map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
- }
弹出信息窗口
content是提示信息,它支持自定义的DOM样式,监听事件了有演示
open是打开窗口,相应的close是关闭窗口
- /*弹出信息窗口*/
- function getInfor(map,marker,address,ln){
- var infowindow = new google.maps.InfoWindow({
- content: address+"\n"+ln
- });
- infowindow.open(map,marker);
- }
监听事件
主要是监听鼠标对地图的操作,跟js很相似
本文演示的是点击的事件,
pixeloffset是指窗口相对应焦点的位置偏移量
google.maps.event.addListener(marker, 'click', function(event)监听点击事件,焦点是marker也就是背景图像的地方,
alert弹出对应焦点的经纬信息
- /*监听事件 经纬值*/
- function addListener(marker){
- var infowindow = new google.maps.InfoWindow({
- content:'<div style="color:#F00"><a href="http://blog.csdn.net/youacai">php淮北<img src="http://avatar.csdn.net/B/9/A/1_youacai.jpg" width="30" height="30" alt="tt"></a> 点点试试哦</div>',
- pixelOffset:({width:50, height:120})
- });
- google.maps.event.addListener(marker, 'click', function(event) {
- alert("你选择的经度是:"+event.latLng.lat()+" 纬度是:"+event.latLng.lat());
- infowindow.open(map,marker);
- });
- }
放置谷歌地图的容器
- <div id="map_canvas" style="width: 320px; height: 480px;"></div>
3:附带一个查询天气的接口
- /*获得天气预报信息*/
- <br/>
- <iframe src="http://weather.265.com/weather.htm" width="168" height="54" frameborder="no" border="0" marginwidth="0&quoat; marginheight="0" scrolling="no"></iframe>
- <pre name="code" class="php"><?php
- //根据腾讯接口查询ip地址
- function getIPLoc($queryIP){
- $url = 'http://ip.qq.com/cgi-bin/searchip?searchip1='.$queryIP;
- $ch = curl_init($url);
- curl_setopt($ch,CURLOPT_ENCODING ,'gb2312');
- curl_setopt($ch, CURLOPT_TIMEOUT, 10);
- curl_setopt($ch, CURLOPT_RETURNTRANSFER, true) ; // 获取数据返回
- $result = curl_exec($ch);
- $result = mb_convert_encoding($result, "utf-8", "gb2312"); // 编码转换,否则乱码
- curl_close($ch);
- preg_match("@<span>(.*)</span></p>@iU",$result,$ipArray);
- $loc = $ipArray[1];
- return $loc;
- }
- //方法2 直接获得客户端ip地址
- function getIpPlace(){
- $ip=file_get_contents("http://fw.qq.com/ipaddress");
- $ip=str_replace('"',' ',$ip);
- $ip2=explode("(",$ip);
- $a=substr($ip2[1],0,-2);
- $b=explode(",",$a);
- return $b;
- }
- $ip=getIpPlace();
- $address =!empty($ip['3'])? iconv('gbk','utf-8',$ip['3']):'';
- //获得提交的ip信息
- if($_POST){
- $ip = trim($_POST['ip']);
- $loc = trim(getIPLoc($ip));
- $locip = trim($_POST['ip']);
- }else{
- $ip=getIpPlace();
- $loc =!empty($ip['3'])? iconv('gbk','utf-8',$ip['3']):'';
- $locip = iconv('gbk','utf-8',$ip['0']);
- }
- ?>
- <!--调用谷歌地图js,zoom缩放倍数,center中心,mapTypeId地图类型-->
- <script type="text/javascript" src="http://ditu.google.com/maps/api/js?sensor=true"></script>
- <script language="javascript">
- var geocoder;
- var map;
- function initialize() {
- geocoder = new google.maps.Geocoder();
- var latlng = new google.maps.LatLng(39.9493, 116.3975);
- var myOptions = {
- zoom: 15,
- center: latlng,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- }
- var address = document.getElementById("address").value;
- <span style="white-space:pre"> </span>var img='http://avatar.csdn.net/B/9/A/1_youacai.jpg';
- <span style="white-space:pre"> </span>
- if (geocoder) {
- geocoder.geocode( { 'address': address}, function(results, status) {
- if (status == google.maps.GeocoderStatus.OK) {
- map.setCenter(results[0].geometry.location);
- var marker = new google.maps.Marker({
- map: map,
- position: results[0].geometry.location,
- <span style="white-space:pre"> </span> title:'位置',
- <span style="white-space:pre"> </span> icon:img
- });
- <span style="white-space:pre"> </span> getInfor(map,marker,address,results[0].geometry.location);
- <span style="white-space:pre"> </span> addListener(marker)
- }
- });
- }
- map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
- }
- /*弹出信息窗口*/
- function getInfor(map,marker,address,ln){
- <span style="white-space:pre"> </span>var infowindow = new google.maps.InfoWindow({
- <span style="white-space:pre"> </span>content: address+"\n"+ln
- <span style="white-space:pre"> </span> });
- <span style="white-space:pre"> </span>infowindow.open(map,marker);
- <span style="white-space:pre"> </span>
- }
- /*监听事件 经纬值*/
- function addListener(marker){
- <span style="white-space:pre"> </span> var infowindow = new google.maps.InfoWindow({
- <span style="white-space:pre"> </span>content:'<div style="color:#F00"><a href="http://blog.csdn.net/youacai">php淮北<img src="http://avatar.csdn.net/B/9/A/1_youacai.jpg" width="30" height="30" alt="tt"></a> 点点试试哦</div>',
- <span style="white-space:pre"> </span>pixelOffset:({width:50, height:120})
- <span style="white-space:pre"> </span> });
- <span style="white-space:pre"> </span> <span style="white-space:pre"> </span>google.maps.event.addListener(marker, 'click', function(event) {
- alert("你选择的经度是:"+event.latLng.lat()+" 纬度是:"+event.latLng.lat());
- <span style="white-space:pre"> </span> <span style="white-space:pre"> </span>infowindow.open(map,marker);
- <span style="white-space:pre"> </span>});
- <span style="white-space:pre"> </span> }
- </script> </pre><pre name="code" class="php"><body onload="initialize()">
- <div id="map_canvas" style="width: 320px; height: 480px;"></div>
- <div>
- <form method="post" action="">
- 输出ip地址:<input type="text" name="ip" value=<?php echo $locip;?>>
- <input type="submit" value="提交">
- </form>
- 位置: <input type="text" id="address" size="40" value=<?php echo $loc;?> >
- </div>
- /*获得天气预报信息*/
- <br/>
- <iframe src="http://weather.265.com/weather.htm" width="168" height="54" frameborder="no" border="0" marginwidth="0&quoat; marginheight="0" scrolling="no"></iframe>
- </body></pre><br>
- <br>
- <pre></pre>
- <p><img src="http://hi.csdn.net/attachment/201107/26/0_1311670654lAwz.gif" alt=""><img src="http://hi.csdn.net/attachment/201107/26/0_1311671145nMMo.gif" alt=""></p>
- <p></p>
- <p></p>
- <p></p>
- <p>上面是查询前后的截图 </p>
- <pre></pre>
- <pre></pre>
- <pre></pre>
- <pre></pre>
相关推荐
介绍了IP定位技术的基本概念和相关应用,研讨了现有的IP地理定位技术,并提出了一种基于网络路径测量的IP地理定位方法,该方法通过测量测量观测点到目标IP的路径和时延,变换测量数据包的大小推断路径距离,结合路径之间...
PHP版基于GeoIP2实现根据ip获取地理位置 laravel php版本大于7.2
针对现有的IP地理定位方法不考虑地标误差的问题,提出了一种新的利用地标标定的地理定位方法。 首先,通过指定偏差,将可靠性低的地标的位置视为可能的区域。 然后对目标IP进行地理定位可以转换为约束优化问题; ...
基于地标性校准的IP地理位置定位方法
基于ASP的通过ip获取所在地理位置.zip
针对传统的基于时延测量的IP地理定位方法难以解决的问题 具有弱连接性的网络(例如中国的互联网),在本文中,我们利用其分层拓扑结构并提出了一种 路由功能的城市级地理定位方法以已知地理位置的IP作为参考节点, ...
通过IP地址查询所在省市,基于qqwry.dat(可通过百度下载最新qqwry.dat文件来更新)。 代码已经简化过,直接调用静态方法即可返回地区信息(传入IP为参数)。 使用时只需要把唯一工具类:IpLocationTool.java(无...
使用Google BigQuery的基于IP的地理位置 创建一个BigQuery表,以允许您查找国家/地区的IP地址。 这项工作也可以轻松扩展以利用城市数据。 该存储库基于的博客文章并允许您使用。 这些数据库。 将我们要使用的数据...
最后,通过修改过程来估计目标主机的位置现有的基础上选定的地标和探测主机基于延迟的IP地理定位技术。 覆盖中国30个省和3个主要ISP的实验表明,该方法可以找到相应的富连接子网络,并在实际的较差连接网络中显着...
前端向导-IP地址跟踪器欢迎! :waving_hand: 感谢您检查此前端...:warning: :要通过IPify使用IP地理位置API,您需要注册一个免费帐户。 您无需添加任何卡的详细信息即可完成此过程,这是一个非常快速的过程。 这将为
精准定位:基于丰富的IP地址数据库,ip2region提供了精准的地理位置信息,帮助开发者更好地理解和分析用户行为。 多语言支持:ip2region支持多种主流编程语言的xdb数据生成和查询客户端实现,方便开发者在不同平台上...
由 Ryan Cramer 开发的 ProcessWire CMF/CMS 的 IP 地理定位模块。 使用地理定位服务查找给定 IP 地址的地理定位信息。 您需要在 db-ip.com 上注册并在模块的配置页面中插入您的服务 API 密钥才能使其工作。 ...
另外,IP专用线路或IP中继线还能够用IP-PBX在不同地理位置的内部互连。IP专用线路的使用可以带来两大好处:一是使得公司总部的高级呼叫控制能力对于远程部门的员工同样可用;二是允许员工在不同的地理位置上进行IP...
主要介绍了Java获取用户访问IP及地理位置的方法,结合实例形式详细分析了Java基于百度地图开放平台获取用户访问IP及地理位置相关操作技巧,需要的朋友可以参考下
主要介绍了Python2.7基于淘宝接口获取IP地址所在地理位置的方法,涉及Python调用淘宝IP库接口进行IP查询的简单操作技巧,需要的朋友可以参考下
一个典型的执行流程如下:启动服务器,启动客户端,用户在客户端上选择要进行地理位置编码或者域名到IP的解析 发送相应的请求到服务器 服务器根据客户端提交的请求,返回相应的数据 一个是程序的源代码 另一个是...
针对这一问题,本文提出了一种新的地理定位方法, 并且根据提取大量地标时所有可能区域的路径特征,该方法可以估计目标IP的区域。 实验结果表明,所提出的方法可以使定位区域具有较高的精度。 准确性。
大多数地理定位方法都是基于线性假设,即网络延迟和地理距离之间的相关性较大。 本文提出了一种轻量级的地理定位方法来准确确定Internet主机的位置。 这种方法利用了相对延迟测量和通用路由器。 我们研究了小区域的...
本文实例为大家分享了js定位当前地理位置的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=...
提供web服务、基于订阅的可下载数据库和免费的可下载数据库,MaxMind GeoIP2产品为内容个性化、欺诈检测、广告定位、流量分析、遵从性、地理定位、地理防护和数字版权管理等广泛应用程序识别互联网用户的位置和其他...