<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google maps API 查询路线,任何地点到任何地点</title>
<script src="http://ditu.google.cn/maps?file=api&v=2.x&key=ABQIAAAAQ0pgyic4ROE9rr4PWF1qBRDvuDKJLLEMBt0175lffxKd2WRRBRIVZEREjaUWbrLdbvDieibc2PHlg&hl=zh-CN&sensor=false" type="text/javascript"></script>
</head>
<body onload="initialize();" onunload="GUnload();">
<div style="width:1000px;margin:0 auto;">
<div style="height:50px;">
<p><label for="from_tbx">从：</label><input type="text" id="from_tbx" value="" />
<label for="to_tbx">到：</label><input type="text" id="to_tbx" value="" />
<input type="button" id="luxian" onclick="javascript:luxian();" value="驾车路线查询" /></p>
</div>
<div id="map_info">
<div id="direction" style="width:350px;height:500px;float:left;overflow:auto;"></div>
<div id="googlemap" style="width:600px;height:500px;margin-right:8px;float:right;"></div>
</div>
</div>
<script type="text/javascript">
var map;
var gdir;
var geocoder = null;
var addressMarker;
var centerRoute = "31.238508612629097,121.46677494049072";
function initialize()
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("googlemap"));
var center = new GLatLng(31.238508612629097,121.46677494049072);
map.setCenter(center,13);
gdir = new GDirections(map,document.getElementById('direction'));
GEvent.addListener(gdir,"error",handleErrors);
geocoder = new GClientGeocoder();
//定义一些控件
var customUI = map.getDefaultUI();
customUI.maptypes.hybrid = false;
customUI.maptypes.physical = false;
map.setUI(customUI);
map.disableDoubleClickZoom();
//因为后面要重新定义双击事件，这里移除双击放大事件
var marker = new GMarker(center);
map.addOverlay(marker);
}
}
//乘车路线
function luxian()
{
var fromAddress = document.getElementById('from_tbx');
var toAddress = document.getElementById('to_tbx');
var address = fromAddress.value;
//getLocations方法解析地址，返回json
geocoder.getLocations(address,
function(json)
{
if (!json)
{
alert("解析\""+address+"\"错误");
}
else
{
//地址解析为坐标可能有多个结果，这里只取查询结果的第一个json.Placemark[0]
//有兴趣扩展可以通过遍历json输出所有查询结果，让使用者选择最符合的结果。
var addressRoute ="from:"+address+"@"+json.Placemark[0].Point.coordinates[1]
+","+json.Placemark[0].Point.coordinates[0]
+" to:"+toAddress.value+"@";
//设置路线起始点坐标
gdir.load(addressRoute,{travelMode:G_TRAVEL_MODE_DRIVING});
}
});
}
function handleErrors(){
if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " +gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_BAD_KEY)
alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: "+ gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);
else alert("An unknown error occurred.");
}
</script>
</body>
</html>
分享到：
相关推荐
**谷歌地图API详解** 谷歌地图API（Google Maps API）是谷歌提供的一项强大的服务，允许开发者在自己的网站或应用中嵌入交互式地图功能。...请参考提供的“Google Map Api.doc”文档，深入理解并实践这些技术。
标题"Google 地图 google map api / 地图有关"表明了这个压缩包可能包含与Google地图API相关的代码示例或教程，Google Map API是Google提供的一项服务，允许开发者在自己的网站或应用中嵌入交互式地图，实现定位、...
**谷歌地图API学习笔记** 谷歌地图API（Google Maps API）是一种强大的工具，允许...通过阅读《google map学习文档.doc》，可以深入学习这些概念并实践应用，逐步掌握谷歌地图API的使用，构建功能丰富的地图应用。
Google Map API 包含多个组件，如 JavaScript API、Static Maps API、Geocoding API 和 Directions API 等。JavaScript API 允许开发者创建动态、交互的地图，而 Static Maps API 则用于生成固定图片的地图，适用于...
【基于Google Map的昆明公交查询地图】是一种利用Google Maps API技术开发的应用，旨在为用户提供昆明市公共交通线路的查询服务。这个应用将Google Maps强大的地图功能与公共交通数据相结合，帮助用户快速、准确地...
在IT行业中，Google Map API是一个广泛使用的工具，它允许开发者将地图功能集成到自己的网站或应用中。在标题“GoogleMapApi_Line 画线”中，我们关注的是使用Google Map API来绘制线条这一特定功能。这通常是用于...
《基于Google Map与Android研发的线路记录器》 在当今科技日新月异的时代，智能手机已经成为了我们日常生活和工作中不可或缺的一部分。特别是在户外探险和旅行领域，一款能够精准记录行进路线的应用程序显得尤为...
本设计的主要目标是利用 Google Map API 开发一套电子地图系统，该系统应具备地图缩放、地理编码查询、距离测量和鹰眼定位等基础功能，并且能提供石河子市的公交线路查询、旅游信息查询，以及用户可以通过留言板进行...
这个“Google MAP 学习例程”旨在帮助你深入理解和掌握Google Map V3 API，从而能够利用它创建各种定制化的地图应用。 **一、Google Map API基础** 1. **引入API**: 首先，你需要在HTML文件中通过`<script>`标签...
在IT行业中，Google Maps API是一个极其重要的工具，它允许开发者集成地图功能到自己的网站或应用程序中，提供导航、定位、地理编码、路线规划等多种服务。本篇将详细讲解基于JavaScript的Google Maps API的使用，...
通过`GoogleMap`对象，我们可以设置地图的类型（如卫星、地形或普通视图）、添加标记、绘制折线和多边形、实现地图的缩放和平移等操作。此外，还可以利用`LocationServices`来获取设备的位置信息，为用户提供导航...
6. **路径和线路（Paths and Routes）**：使用`google.maps.Polyline`或`google.maps.Polygon`对象可以在地图上绘制线和多边形。对于路线规划，可以利用Directions Service API获取详细的方向信息。 7. **地理编码...
谷歌地图（Google Map）是一款广泛使用的在线地图服务，由谷歌公司提供，它集成了地图、卫星图像、街景、实时交通等多种功能。源码通常指的是软件的原始代码，对于开发者而言，参考源码有助于理解软件的工作原理并...
在日常生活中，Google Map广泛应用于导航、位置查找、路线规划、公共交通查询等多个场景。 在测试Google Map时，我们需要关注以下几个关键知识点： 1. **定位精度**：测试Google Map的GPS定位功能是否准确，包括...
此外，为了提升用户体验，可以引入地理信息系统（GIS）支持，如使用Google Maps API或OpenStreetMap的Nominatim服务，将公交线路与地图结合，展示直观的路线图。这需要理解Web服务调用和JSON解析等相关知识。 在...
Google Maps API是Google提供的一项强大的服务，它允许开发者在自己的应用程序中嵌入地图、进行地理位置查询、导航等功能。PHP是一种广泛使用的服务器端脚本语言，而MySQL则是一款流行的开源关系型数据库管理系统，...
3. **地图与路线展示**：虽然离线应用可能不依赖Google Maps API，但仍然需要一种方式来呈现公交线路图。这可能通过自定义UI组件实现，或者使用开源的地图库，如OSM（OpenStreetMap）的离线地图数据。 4. **用户...
在本文中，我们将深入探讨Google Maps API的第三版（V3），主要关注V3地图搜索、地图标注以及多点标注的实现。Google Maps API V3是Google提供的一个强大的JavaScript库，用于在网页上嵌入交互式地图，进行地理位置...