为IP查询添加GOOGLE地图功能的代码
1. 在使用google api之前,我们需要先申请一个key,作为唯一的标示加在url后面。
2. google地图api里面有一个可以查询到某个地点的详细信息的地址,例如查询北京的:http://maps.google.com/maps/geo?q=beijing
3. 我们还可以把上面的地址后面加一个参数,让它输出我们想要的数据,例如我们需要csv的数据,那么地址就成了http://maps.google.com/maps/geo?q=beijing&output=csv
4. 这样我们就得到了4个数据,第一个是 http 返回地址,第二个是精确度,后面的2个是坐标,知道左边不就可以定位到某个点了嘛,那我们怎么来获取后面的数据呢?下面我来写一段程序。
代码如下:
$url = "http://maps.google.com/maps/geo?q=beijing&output=csv";
$con = file_get_contents($url);
$arr = explode(",",$con);
数据$arr里面的2和3指针就是指向的坐标的两个值。
5. 现在我们只需要来考虑怎么把查询出来的ip的地点传递给上面的url地址就行了,还有一个让我们高兴的是google对中文的支持很强大,而且可以识别一串地址字符,例如:北京和北京市网通是一样的,所以我们就不用做什么转换了,直接赋值给上面的参数q就行了,然后地址后面再加上api的key。
6. 我们还可以选一下google地图的一些样式,让地图功能更强大一些,例如可以加卫星地图等。
至此,我们的地图功能就给IP查询功能加上了,希望我的尝试对大家有所帮助。
相关推荐
-
百度地图经纬度转换到腾讯地图/Google 对应的经纬度
实现目的:将百度地图经纬度 转换到 腾讯地图/Google 对应的经纬度. 方法1:使用代码进行转换 存在的问题:转换之后误差大,基本不可用 public static void Convert_BD09_To_GCJ02(double lat, double lng) { double x_pi = Math. PI * 3000.0 / 180.0; double x = lng - 0.0065, y = lat - 0.006; double z = Math. sqrt(x * x +
-
Google 地图类型详解及示例代码
Google 地图类型 Google 地图- 基本地图类型 Google Maps API 中提供了以下地图类型: 1.MapTypeId.ROADMAP,用于显示默认的道路地图视图 2.MapTypeId.SATELLITE,用于显示 Google 地球卫星图片 3.MapTypeId.HYBRID,用于同时显示普通视图和卫星视图 4.MapTypeId.TERRAIN,用于根据地形信息显示实际地图. 要通过 Map 修改正在使用的地图类型,您可以为其设置 mapTypeId 属性: var
-
Google 地图API资料整理及详细介绍
Google 地图API 参考手册 地图 构造函数/对象 描述 Map() 在指定的 HTML 容器中创建新的地图,该容器通常是一个DIV元素. 叠加层 构造函数/对象 描述 Marker 创建一个标记. MarkerOptions 标记的选项.由DirectionsRenderer渲染的所有标记都将使用这些选项. MarkerImage A structure representing a Marker icon or shadow image MarkerShape Defines the
-
Google 地图控件集详解及实例代码
Google 地图控件集 Google 地图 - 默认控件集设置: 当使用一个标准的google地图,它的默认设置如下: 1.Zoom-显示一个滑动条来控制map的Zoom级别 2.PPan-地图上显示的是一个平底碗样的控件,点击4个角平移地图 3.MapType-允许用户在map types(roadmap 和 satallite)之间切换 4.StreetView-显示为一个街景小人图标,可拖拽到地图上某个点来打开街景 Google 地图 - 更多控件集 除了以上默认控件集,Google还有
-
php使用google地图应用实例
本文实例讲述了php使用google地图应用方法.分享给大家供大家参考.具体如下: php代码如下: 复制代码 代码如下: function selected ( $param , $value ) { if ( $param == $value ) print "SELECTED" ; } # Collect any form data to control the display $scale = 10 ; $maptype = "G_NORMAL_MAP&
-
Google 地图事件实例讲解
Google 地图事件 点击标记缩放地图 我们仍然使用上一遍文章使用的英国伦敦的地图. 点用户点击标记时实现缩放地图的功能(点击标记时绑定地图缩放事件). 代码如下: <html> <head> <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"> </script>
-
Google Maps API地图应用示例分享
效果(新版Firefox中测试): 代码: <!DOCTYPE><html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Google Map</title> <script type="text/javascript" src="http://
-
google地图的路线实现代码
复制代码 代码如下: <script language="javascript" type="text/javascript"> //add by ahuinan 2009-8-17 //initialize(23.165613663312594,113.35968017578125) var map; var gdir; var marker2; var hasMarker = false; var hotelLatLng = new GLatLng(
-
Google 地图获取API Key详细教程
Google 地图API Key 开始学习本教程前,你需要拥有一个免费的 Google 地图 API key. 开始学习? 开始学习本教程前,你需要在Google上申请一个指定的API key. 通过以下步骤我们可以免费获取 API key . 访问 https://code.google.com/apis/console/, 使用你的Google账号登陆. 登陆后会出现如下界面: 点击 "Create Project" 按钮. 在服务列表中找到 Google Maps API v3,
-
Google 地图叠加层实例讲解
Google 地图 - 叠加层 叠加层是地图上绑定到经度/纬度坐标的对象,会随您拖动或缩放地图而移动. Google 地图 API 有如下几种叠加层: 1.地图上的点使用标记来显示,通常显示自定义图标.标记是 GMarker 类型的对象,并且可以利用 GIcon 类型的对象来自定义图标. 2.地图上的线使用折线(表示点的集合)来显示.线是类型为 GPolyline 的对象. 3.地图上的区域显示为多边形(如果是任意形状的区域)或底面叠加层(如果是矩形区域).多边形类似于闭合的折线,因此可以是任何
-
Google 静态地图API实现代码
复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>Google 静态地图 API</title> <style type="text/css"> #divStaticMap span { color:Gray; font-size:12px; } #divStaticMap .sel { width:130px; } </style> <script
随机推荐
- 一个简洁实用的PHP缓存类完整实例
- vue组件初学_弹射小球(实例讲解)
- Underscore源码分析
- bat/cmd批处理连接SqlServer数据库查询脚本
- 在Python中使用zlib模块进行数据压缩的教程
- 一个支持普通分页和综合分页的MVC分页Helper
- 详解Android中visibility属性VISIBLE、INVISIBLE、GONE的区别
- php实现常见图片格式的水印和缩略图制作(面向对象)
- 浅谈JavaScript find 方法不支持IE的问题
- JavaScript 学习笔记(四)
- win2008 r2 IIS7.5 设置强制所有文件直接下载
- 使用SQLSERVER 2005/2008 递归CTE查询树型结构的方法
- SQL SERVER 2008 R2 重建索引的方法
- JQury slideToggle闪烁问题及解决办法
- Linux到桌面尚需时日
- Nginx配置文件nginx.conf详细说明
- Android新布局方式ConstraintLayout快速入门教程
- Android draw9patch 图片制作与使用详解
- Vue源码解析之Template转化为AST的实现方法
- vue eslint简要配置教程详解