<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script>
<script type="text/javascript">
var map;
var geocoder;
var address;
function initialize() {
map = new GMap2(document.getElementById("map_canvas"));
//定位地图的中心点
map.setCenter(new GLatLng(30.624709,114.239696), 15);
map.setUIToDefault();
GEvent.addListener(map, "click", getAddress);
geocoder = new GClientGeocoder();
}
function getAddress(overlay, latlng) {
if (latlng != null) {
address = latlng;
geocoder.getLocations(latlng, showAddress);
}
}
function showAddress(response) {
map.clearOverlays();
if (!response || response.Status.code != 200) {
alert("Status Code:" + response.Status.code);
} else {
place = response.Placemark[0];
point = new GLatLng(place.Point.coordinates[1],
place.Point.coordinates[0]);
marker = new GMarker(point);
map.addOverlay(marker);
//点击某一点弹出窗体
marker.openInfoWindowHtml(
'<b>orig latlng:</b>' + response.name + '<br/>' +
'<b>latlng:</b>' + place.Point.coordinates[1] + "," + place.Point.coordinates[0] + '<br>' +
'<b>Status Code:</b>' + response.Status.code + '<br>' +
'<b>Status Request:</b>' + response.Status.request + '<br>' +
'<b>Address:</b>' + place.address + '<br>' +
'<b>Accuracy:</b>' + place.AddressDetails.Accuracy + '<br>' +
'<b>Country code:</b> ' + place.AddressDetails.Country.CountryNameCode);
}
}
function seachAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert("不能解析: " + address);
} else {
map.setCenter(point, 15);
var marker = new GMarker(point);
map.addOverlay(marker);
//弹出地址的窗体
marker.openInfoWindow(document.createTextNode(address));
}
}
);
}
}
</script>
</head>
<body onload="initialize()">
<form action="#" onsubmit="seachAddress(this.address.value); return false">
<p>
<input type="text" size="60" name="address" value="武汉名航新村" />
<input type="submit" value="查询" />
</p>
<div id="map_canvas" style="width: 100%; height: 600px"></div>
</form>
</body>
</html>
相关推荐
JavaScript调用Google Map API V3是一项常见的Web开发任务，它允许开发者在网页中嵌入交互式地图，并根据需求进行自定义。以下是对这个经典教程的详细解析： 1. **目标** - 整个教程旨在教会读者如何利用...
本实例主要演示Android调用google map api 的方法，根据地址获取对应经纬度，定义一个HttpClient用于向指定地址发送请求，向指定地址发送get请求，将服务器返回的字符串转换成JSONObject对象，从JSONObject中提取...
使用google地图的反向地址解析功能，提供一个经纬度得到对应地址，或者给出模糊地址，得到经纬度，放在java后台代码中处理，这个使用的是Google的地理编码服务。一般而言数据量不大的情况使用是不限制的。按照Google...
2. **API密钥**：在调用Google Map API时，需要一个有效的API密钥，这通常会存储在配置文件或环境变量中，确保安全。 3. **位置标记**：Java代码可能包含方法来创建和管理`Marker`对象，这些对象表示地图上的特定点...
// 使用这些坐标进行后续操作，如调用Google Maps API }, function(error) { // 处理错误情况 switch (error.code) { case error.PERMISSION_DENIED: console.log("用户拒绝提供位置信息"); break; case ...
Google Map API 是一款强大的工具，它允许开发者在自己的网站或应用程序中嵌入地图功能，提供定位、导航、地理编码、路线规划等多种服务。本示例将深入探讨如何使用 Google Map API，帮助你理解和掌握其核心概念及...
描述中提到"调用GoogleMap api 实现的功能全面的地图工具"，这表示该demo不仅仅是一个简单的示例，而是具备了多种功能。GoogleMap API提供了一系列接口，如地图视图、标记（Markers）、信息窗口（InfoWindows）、...
Google Map API是一个强大的工具，允许开发者在网页或应用程序中集成地图功能，进行各种定制和交互。这个源代码压缩包提供了一种实现Google Map API二次开发的实例，对于想要深入理解和应用这一技术的人来说非常有...
标题 "C++调用GOOGLEMAP代码" 涉及到的是在C++程序中集成和使用Google Maps API的技术。Google Maps API是一个强大的工具，允许开发者在他们的应用程序中嵌入地图、路线规划、地理编码（地址转经纬度）等功能。在C++...
在IT行业中，Google Map API 和 ASP.NET(C#)的结合应用是构建地理位置服务的重要技术组合。Google Map API 提供了丰富的地图展示和地理定位功能，而ASP.NET(C#)则是一个强大的Web应用程序开发框架，两者结合可以创建...
在这个实例中，我们将探讨如何调用 Google Maps API 来实现驾车路线查询以及如何通过拖动来添加和修改中间点。 首先，谷歌地图的驾车路线查询功能允许用户输入起点和终点，系统会自动计算出最佳路径。但这个功能...
当我们需要在ExtJS应用中集成Google Map时，就需要理解如何调用Google Map API以及如何与ExtJS组件进行交互。 首先，让我们了解一下在ExtJS中调用Google Map的基本步骤： 1. **引入Google Maps API**：在HTML页面...
谷歌地图API（Google Maps API）是谷歌提供的一套强大的开发工具，允许开发者在自己的网站或应用中嵌入交互式地图，实现地理位置相关...记得在使用过程中注意API的调用限制和计费政策，以确保服务的稳定性和成本效益。
它是Google提供的JavaScript库，通过在网页中引入API脚本，我们可以调用各种地图相关的方法。为了显示用户所在地区，API提供了获取用户地理位置的能力。这通常依赖于浏览器的Geolocation API，它能够根据用户的IP...
### Google Map API 使用详解 #### 一、Google Map API 概览 Google Map API 是一套强大的工具集，允许开发者在其网站或应用中嵌入并定制谷歌地图。这不仅提升了用户体验，也为开发者提供了丰富的地理信息展示手段...
在IT领域，Google Map API是开发人员常用的工具之一，它允许我们通过JavaScript编程语言与Google Maps服务进行交互，获取和处理地理位置信息。本篇文章将详细探讨如何利用Google Map API来获取地点的经纬度坐标以及...
5. **数据更新**：定期或按需调用Google Map API更新数据库中的数据。 在"GetGoogleMapData"这个项目中，可能包含了实现这些功能的代码示例或脚本。你可以通过分析和运行这些文件，学习如何实际操作获取和导入...
**Google Map API 应用详解** Google Map API 是一套强大的工具，允许开发者在网页或应用程序中集成 Google 地图的功能。这个API提供了丰富的接口和功能，可以实现地图的展示、定位、路线规划、标记添加、信息窗口...
在ASP.NET中调用Google Map是一项常见的Web开发任务，它涉及到地理位置信息的展示、地图交互以及定位服务。本文将深入探讨如何在ASP.NET应用程序中集成并利用Google Maps API，为用户提供丰富的地图体验。 首先，...
本程序实现了如下功能： (1)VC中通过浏览器控件，加载指定html，在html中用javascript调用google map (2)通过CWebPage类实现了VC调用javascript函数，并向函数传参...对于想在VC中调用google map 的新手是极大的帮助。