`

怎么使用Google 地图 API?

阅读更多
教程http://www.codechina.org/doc/google/gmapapi/
地址http://code.google.com/intl/zh-CN/apis/maps/
教程http://www.codechina.org/doc/google/gmapapi/
什么是 Google 地图 API?
Google 地图 API 使您能够使用 JavaScript 将 Google 地图嵌入自己的网页中。API 提供了大量实用工具用以处理地图(正如 http://maps.google.com 网页上的地图),并通过各种服务向地图添加内容,从而使您能够在您的网站上创建功能强大的地图应用程序。
新增! Google Maps API for Flash® - 在 Adobe® Flash 环境中构建和部署地图应用程序!
Sign up for a Google Maps API key, or read more about the API.
Map data ©2009 Tele Atlas - Terms of Use
地图 API 是一项免费的测试版服务,在客户可免费访问的任何网站上均可使用。有关更多信息,请参阅使用条款。

学习这个API最简单的方法就是看一个简单的例子。下面的网页显示一个500x300的地图,中心位于California,Palo Alto:

<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&;v=2&key=abcdefg"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}

//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>

    
在自己的电脑上也可以看到,你只要把你做的PHP页面放到IIS或者APACHE上就可以了

你说的那些功能我贴点我做的代码给你吧
首先是JS代码


google.setOnLoadCallback(initialize);
var map;

function initialize() {
// 检查浏览器是否能使用GOOGLE地图
if ( GBrowserIsCompatible() ) {
map = new google.maps.Map2(document.getElementById('map'));
// 中心点
map.setCenter(new GLatLng(22.5354996, 113.9300036), 13);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());

////////////////////////////增加标记/////////////////////////////////
GEvent.addListener(map, "click", function(overlay,latlng)
{
map.clearOverlays();//清除原有标记
map.addOverlay(new GMarker(latlng));//增加一个标记
});


} // if
else {
alert('您的浏览器Google Map');
} // else
}

然后是页面的HTML代码

<body onload="initialize()" onunload="GUnload()">
<div id="map" ></div>
</body>

这样就可以加入地图拉
分享到:
评论

相关推荐

    google地图api文档

    要使用 Google 地图 API,首先需要加载 Google 地图 API。加载 Google 地图 API 需要在 HTML 文件中添加一行 JavaScript 代码,用于加载 Google 地图 API。例如:&lt;script src="https://maps.googleapis....

    google地图API实现的一个简单demo

    在这个"google地图API实现的一个简单demo"中,我们将探讨如何使用谷歌地图API创建一个基本的地图展示,并实现一些基础功能。 首先,你需要在Google Developers Console(谷歌开发者控制台)上注册一个项目,获取API...

    google离线地图API包 + 地图数据

    离线地图API是一种技术,允许开发者在没有网络连接的情况下使用地图服务。Google Map API V3是Google提供的一个JavaScript库,用于在网页上嵌入交互式地图。这个API提供了丰富的功能,如定位、路线规划、地图缩放和...

    谷歌地图Google Map API V3中文开发文档

    谷歌地图 Google Map API V3 中文开发文档提供了一个详细的中文开发指南,涵盖了谷歌地图 Google Map API V3 的使用方法、相关类库、事件处理等方面的知识点。开发者可以根据自己的需求,选择合适的组件和方法来创建...

    google 地图API中文文档

    本文将详细介绍如何使用谷歌地图API创建和定制地图。 首先,获取API密钥是使用谷歌地图API的前提。每个API密钥都与特定的域名绑定,用于验证请求的来源,确保地图数据的安全。在本地测试时,可以不使用API密钥,但...

    google地图 API

    9. 性能和限制:谷歌地图API有免费的使用配额,超过后可能需要购买额外的用量。同时,为了防止滥用,API也有一系列的安全措施,如API密钥管理和速率限制。 10. 开发工具和文档:谷歌提供了详尽的开发文档、示例代码...

    离线google地图API(含sample)+瓦片下载资源

    离线Google地图API是开发者在没有网络连接时仍然可以使用谷歌地图服务的一种技术。这个API主要是基于JavaScript构建,特别是V3版本,它提供了丰富的功能,让开发者能够在本地环境中展示地图数据。本文将深入探讨离线...

    谷歌地图API源代码

    8. **服务限制与密钥管理**:使用谷歌地图API需要申请API密钥,并可能受到使用量的限制。正确管理和使用密钥对于防止滥用和超出配额至关重要。 9. **性能优化**:为了提高用户体验,开发者需要注意性能优化,如延迟...

    Google 地图 API 参考

    Google地图API现在与Google AJAX API载入器进行了集成,这为开发者提供了统一的命名空间,使得同时使用多个Google AJAX API变得更为简便。这种框架设计允许开发者使用`google.maps.*`命名空间来替代原有的`G`前缀,...

    Google地图API参考

    本文档是 Google 地图 API 的参考文档,提供了详细的类、方法和属性说明,旨在帮助开发者快速了解和使用 Google 地图 API。 在了解 Google 地图 API 之前,需要了解基本概念和术语。Google 地图 API 现在与 Google ...

    google地图API教程

    为了在网页中使用Google地图API,首先需要加载API脚本。这通常通过在HTML文档的`&lt;head&gt;`部分添加一个`&lt;script&gt;`标签来实现: ```html &lt;script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=YOUR_API_...

    地区经纬度信息获取(利用Google地图API获取)

    此外,使用Google地图API需要遵守相关使用条款,了解API使用限制,并妥善处理个人隐私和安全问题。 综合上述内容,我们可以了解到,通过Google地图API获取地区经纬度信息是一个涉及网络编程、数据解析和地理知识的...

    Google地图API接口

    本篇文章将深入探讨Google地图API的主要功能、使用方法以及关键知识点。 1. **地图嵌入**: Google Maps JavaScript API允许开发者将互动式地图嵌入到网页中。通过设置地图中心点、缩放级别和地图类型(如卫星、...

    Google Map API 使用示例

    Google Map API 是一款强大的工具,它允许开发者在自己的网站或应用程序中嵌入地图功能,提供定位、导航、地理编码、路线规划等多种服务。本示例将深入探讨如何使用 Google Map API,帮助你理解和掌握其核心概念及...

    谷歌地图 离线api---最新

    谷歌地图 离线api

    谷歌地图API

    谷歌地图API 谷歌地图API是Google提供的一套JavaScript API,用于在网页上显示地图和提供相关的地图服务。最新版本为V3,于2010年6月15日更新。该API提供了丰富的功能和方法,涵盖了地图显示、地理编码、路线规划、...

    谷歌地图api右键菜单

    在本文中,我们将深入探讨如何使用谷歌地图API来实现地图上的右键菜单功能。 首先,理解基础概念。在谷歌地图API中,右键菜单通常是通过添加事件监听器到地图实例上实现的。当用户在地图上右击时,这个监听器会被...

    谷歌地图API实现运行轨迹 画箭头操作的小例子

    在这个特定的例子中,我们将深入探讨如何使用谷歌地图API来实现运动轨迹的绘制以及在轨迹上添加箭头指示方向。 首先,我们需要在网页上加载谷歌地图API。这通常通过在HTML文件中插入一个JavaScript标签来完成,其中...

    谷歌地图api

    这个压缩包文件可能包含了关于如何使用Flex(一种基于ActionScript的富互联网应用程序框架)来调用谷歌地图API的资源和文档。 首先,我们要理解Flex与谷歌地图API的结合。Flex是一个开源的开发工具,主要用于创建...

    Google地图API教程.doc

    Google地图API教程 本资源是一个详细的...本资源是一个详细的Google地图API教程,涵盖了Google地图API的基础知识、申请使用账号、加载Google地图API、创建地图、地图DOM元素、地图交互和信息窗口等方面的知识点。

Global site tag (gtag.js) - Google Analytics