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" ;
if ( $_REQUEST [ scale ]) $scale = $_REQUEST [ scale ];
if ( $_REQUEST [ maptype ]) $maptype = $_REQUEST [ maptype ];
# Geocoding your location
# Note - you would cache this in a file
# The key is domain specific - your google maps教程 key
/*
$location = file("http://maps.google.com/maps/geo?q=48+Spa+Road,+Melksham,+UK&
output=csv&key=ABQIAAAAvp3__HwvT3VkixIIbsW0axQuKI_6t1bH2P0vCI_Q8jfpn8qdNBQMnnelj
xh9czilkau_bYSCXteS_A");
*/
# Following line is hard coded for demo
$location [ 0 ]= "200,8,51.369318,-2.133457" ;
list ( $stat , $acc , $north , $east ) = explode ( "," , $location [ 0 ]);
html页面如下：
<html>
<head>
<title>Well House Manor, Melksham</title>
<script src="http://maps.google.com/maps?file=api&v=2&
key=ABQIAAAAvp3__HwvT3VkixIIbsW0axQuKI_6t1bH2P0vCI_Q8jfpn8qdNBQMnneljxh9czilkau_
bYSCXteS_A"
type="text/javascript教程"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(51.36905, -2.1335), <?= $scale ?> );
map.setMapType( <?= $maptype ?> );
var manor = new GLatLng( <?= $north ?> , <?= $east ?> );
map.addOverlay(new GMarker(manor));
}
}
//]]>
</script>
</head>
<body onLoad="load()" onUnload="GUnload()">
<table><tr valign=top><td>
<h1>Well House Manor, Melksham</h1>
<img src=/get_pic/2010/03/20100525003348607.jpg><br>
• Business Hotel in Melksham<br>
• All rooms fitted to superior standard<br>
• Internet Access throughout<br>
• Plenty of parking and close to town centre<br><br>
<a href=http://www.wellhousemanor.co.uk>Well House
Manor website</a><hr>
<form method=POST> Change to
<select name=scale>
<option value=7 <?= selected ( $scale , 7 ) ?> >Overview</option>
<option value=10 <?= selected ( $scale , 10 ) ?> >County</option>
<option value=13 <?= selected ( $scale , 13 ) ?> >Town</option>
<option value=16 <?= selected ( $scale , 16 ) ?> >Street</option>
<option value=19 <?= selected ( $scale , 19 ) ?> >Building</option>
</select>
<select name=maptype>
<option value=G_NORMAL_MAP <?= selected ( $maptype , "G_NORMAL_MAP" ) ?> >
Normal map</option>
<option value=G_SATELLITE_MAP <?= selected ( $maptype , "G_SATELLITE_MAP" ) ?> >
Satellite data</option>
<option value=G_HYBRID_MAP <?= selected ( $maptype , "G_HYBRID_MAP" ) ?> >
Hybrid</option>
</select>
<input type=submit value="go!"></form><br>
This is a sample PHP page with Google Maps<br>
teach you how to write pages like this</a><br>
Date - <?= date ( "F, jS l Y" ) ?> <br>
</td><td>
<div id="map" style="width: 450px; height: 550px"</div>
</td></tr></table>
</body>
</html>
希望本文所述对大家的php程序设计有所帮助。
相关推荐
-
Google 地图叠加层实例讲解
Google 地图 - 叠加层 叠加层是地图上绑定到经度/纬度坐标的对象,会随您拖动或缩放地图而移动. Google 地图 API 有如下几种叠加层: 1.地图上的点使用标记来显示,通常显示自定义图标.标记是 GMarker 类型的对象,并且可以利用 GIcon 类型的对象来自定义图标. 2.地图上的线使用折线(表示点的集合)来显示.线是类型为 GPolyline 的对象. 3.地图上的区域显示为多边形(如果是任意形状的区域)或底面叠加层(如果是矩形区域).多边形类似于闭合的折线,因此可以是任何
-
Google 地图事件实例讲解
Google 地图事件 点击标记缩放地图 我们仍然使用上一遍文章使用的英国伦敦的地图. 点用户点击标记时实现缩放地图的功能(点击标记时绑定地图缩放事件). 代码如下: <html> <head> <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"> </script>
-
百度地图经纬度转换到腾讯地图/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 +
-
为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. 这样我们就
-
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
-
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 地图 - 默认控件集设置: 当使用一个标准的google地图,它的默认设置如下: 1.Zoom-显示一个滑动条来控制map的Zoom级别 2.PPan-地图上显示的是一个平底碗样的控件,点击4个角平移地图 3.MapType-允许用户在map types(roadmap 和 satallite)之间切换 4.StreetView-显示为一个街景小人图标,可拖拽到地图上某个点来打开街景 Google 地图 - 更多控件集 除了以上默认控件集,Google还有
-
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资料整理及详细介绍
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 Maps API 中提供了以下地图类型: 1.MapTypeId.ROADMAP,用于显示默认的道路地图视图 2.MapTypeId.SATELLITE,用于显示 Google 地球卫星图片 3.MapTypeId.HYBRID,用于同时显示普通视图和卫星视图 4.MapTypeId.TERRAIN,用于根据地形信息显示实际地图. 要通过 Map 修改正在使用的地图类型,您可以为其设置 mapTypeId 属性: var