获取地点坐标
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script
src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAe3YR_oZq7RQougOHlEQYxRTrT8HRiYVHGz6s-cexYhuHznMTnBQJ3hrfCSvSmQ_Fqr80B62kDy8djA&sensor=true"
type="text/javascript"></script>
<script type="text/javascript">
window.g = {};
window.$ = function(id) {
return document.getElementById(id)
};
window.onload = function() {
if (GBrowserIsCompatible()) {
g.map = new GMap2($("map"));
g.map.addControl(new GLargeMapControl());
g.map.addControl(new GMapTypeControl());
g.map.addControl(new GScaleControl());
g.geocoder = new GClientGeocoder();
g.getCoordinates = function(address) {
g.geocoder.getLatLng(address, function(point) {
if (point) {
//alert("x:"+point.lat()+" y:"+point.lng());
g.map.setCenter(point, 13);
var marker = new GMarker(point);
g.map.addOverlay(marker);
var info = "<strong>" + address + "</strong>: ("
+ point.lat() + "," + point.lng()+")";
$("info").innerHTML = info;
marker.openInfoWindowHtml(info);
marker.__address_info = info;
GEvent.addListener(marker, "click", function() {
g.map.setCenter(this.getLatLng());
this.openInfoWindowHtml(this.__address_info);
$("info").innerHTML = info;
});
} else {
//alert("地址: " + address);
}
})
}
$("btn_go").onclick = function() {
g.getCoordinates($("address").value);
}
$("btn_go").onclick();
} else {
alert('浏览器不兼容！');
}
}
window.onunload = function() {
GUnload();
}
</script>
<style media="screen">
body {
margin: 0;
padding: 0;
font-size: 9pt;
line-height: 1.5em;
}
#frame {
width: 600px;
margin: 20px auto 10px;
}
#form {
margin: 0 0 10px;
text-align: center;
}
#form input {
border: 1px solid #ccc;
font-size: 9pt;
width: 200px;
}
#form button {
font-size: 9pt;
border: 1px solid #ccc;
}
#form button:hover {
background: #eef;
}
#map {
height: 400px;
margin: 0 0 10px;
border: 5px solid #ccc;
}
#vifix {
text-align: center;
}
#vifix a {
color: #f00;
text-decoration: none;
}
#vifix a:hover {
color: #f96;
}
</style>
</head>
<body>
<div id="frame">
<div id="form">
输入一个地址: <input id="address" value="北京理工大学"/>
<button id="btn_go">获取坐标</button>
</div>
<div id="map"></div>
<div id="info"></div>
</div>
</body>
</html>
分享到：
相关推荐
Google Maps API V3 是 Google Maps 提供的一款强大的地图应用程序接口，允许开发者在网站或应用程序中轻松嵌入谷歌地图。该 API 的 JavaScript 版本提供了丰富的功能和灵活的配置选项，帮助开发者快速构建复杂的...
在Android开发中，集成Google Maps是一项常见的任务，Google Maps Android API v2提供了丰富的功能，让开发者可以轻松地在应用中嵌入地图、定位用户位置、添加标记、绘制路径等。本Demo旨在展示如何全面地使用Google...
Google Maps API V2 是一个强大的工具集，允许开发者在他们的应用程序中集成Google地图功能。这包括显示地图、添加标记、路线规划等多种功能。通过这个API，开发者可以轻松地将地理位置信息和服务融入到他们的应用中...
在IT行业中，Google Maps API是一个极其重要的工具，它允许开发者集成地图功能到自己的网站或应用程序中，提供导航、定位、地理编码、路线规划等多种服务。本篇将详细讲解基于JavaScript的Google Maps API的使用，...
1. 打开 Google Developers Console 的网页：https://developers.google.com/maps/documentation/android/start#installing_the_google_maps_android_v2_api 2. 点击“Creating an API Project”，然后点击“Google ...
这份PDF文档详细介绍了Google Maps API V2的使用方法和各种功能，包括地图初始化、事件处理、图层管理等。尽管V2已经过时，但其基础概念和编程模式对于理解现代地图API仍具有参考价值。 **readme.txt** "readme...
在Android开发中，Google Maps API V2是一个重要的组件，它允许开发者将动态、交互式的地图集成到他们的应用程序中。相较于V1版本，V2引入了许多改进和新特性，旨在提供更好的用户体验和更丰富的功能。 首先，V2...
《Google Maps API, 2nd Edition》是Scott Davis所著，为程序员介绍如何使用Google Maps V2 API将地图服务集成到他们的应用程序中的一本书。本书的第二版对原内容进行了大幅改写，以适应Google Maps V2 API的新特性...
在Android开发中，集成Google Maps API v2是一个常见的需求，它可以为用户提供丰富的地图功能和交互体验。本项目“GoogleMapsTest”聚焦于如何在Android应用中有效地使用Google Maps API v2，并实现自定义标记功能。...
在Android开发中，Google Maps API V2是一个强大的工具，它允许开发者将交互式地图集成到他们的应用程序中。这个"google map v2 Demo"是展示如何使用API V2创建一个简单的地图应用实例。在这个Demo中，重点是展示...
`GMap2`是Google Maps API V2中的主要地图类，负责管理地图的视图、中心点、缩放级别等。 #### 1.2.4 初始化地图 初始化地图通常包括设置地图的中心点和缩放级别： ```javascript map.setCenter(new GLatLng(37....
在Android开发中，集成Google Maps API V2是一个常见的需求，它允许开发者在应用程序中嵌入交互式地图，提供导航、定位、标记等丰富的地图功能。本文将详细介绍如何申请Google Maps API V2的最新密钥，并提供一些...
根据给定文件的信息，本文将围绕“调用Google地图...这里使用了Google Maps API v2版本，需要注意的是，这个版本现在已经过时，建议升级到最新的版本。 ```javascript <script src="http://maps.google.com/maps?file=...
在Android平台上，Google Maps API V2的集成与应用是一个重要的知识点，它允许开发者在应用程序中嵌入实时的、交互式的地图服务。这篇文章将深入探讨如何在Android项目中使用Google Maps API V2，以及相关的源码解析...
在Android应用开发中，Google Maps API V2是一个关键组件，用于在移动设备上集成和展示地图功能。然而，像描述中提到的那样，有时在不同的设备上，地图的显示可能会出现不一致的情况。这通常涉及到多个因素，包括但...
- **API版本**：本教程主要基于Google Maps API v2。v2相比v1，在性能和灵活性方面有了显著提升，同时增加了更多实用的功能。 **1.2 Hello World 示例** - **代码结构**：通过一个简单的HTML页面展示如何加载...
GoogleDirectionLibrary是一个专门为iOS平台设计的库，它允许开发者利用Google Maps Android API v2来实现路线导航的功能。尽管名称中包含"Android API v2"，但这个库实际上是为iOS应用服务的，它通过Objective-...
**Google Maps Android API V2** 是谷歌为Android开发者提供的一项强大功能，允许在应用程序中集成交互式的地图服务。本示例项目"MapsV2Example"是学习如何在Android应用中集成和使用Google Maps API V2的绝佳资源。...
.Google Maps API 申请方式变更在Google Maps API 的部份，官方网站目前是建议使用新版本（v3）的API 进行开发，若您仍希望继续使用v2 的版本进行开发，您可能需要进行部份设定的修改，底下是设定的流程： ...
总之，Google Maps JavaScript API V3 是一个强大且易于使用的工具，它提供了丰富的地图操作功能，同时优化了移动设备上的用户体验。开发者可以通过学习和实践，利用这个 API 创建出各种创新的地理位置应用。如果在...