Google Maps API中文同步文档
http://www.codechina.org/doc/google/gmapapi/
Google 地图 API
主页 http://code.google.com/intl/zh-CN/apis/maps/
文档 http://code.google.com/intl/zh-CN/apis/maps/documentation/index.html
API http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html
Google Map学习(一) 简单的Google Map,Google Map基础
http://www.cnblogs.com/psunny/archive/2009/08/26/1554476.html
Google 地图 API 示例 - 地理学习小游戏
http://code.google.com/intl/zh-CN/apis/maps/documentation/demos/geogame/geogame.html
贴一个自己测试的html上来:
<!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=ABQIAAAA4ZZxnijCQhlZlf57igoGExTwM0brOpm-All5BF6PoaKBxRWWERR0mYEVnCnlZi8Qmoq3uoivZ9cIgQ"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(39.917, 116.397), 14);
}
var map2 = new GMap2(document.getElementById("map2"));
map2.setCenter(new GLatLng(37.4419, -122.1419), 13);
window.setTimeout(function() {
//panTo后的大小和上面的setCenter不一样的
//map2.panTo(new GLatLng(39.917, 116.397),14);
map2.panTo(new GLatLng(39.917, 116.397));//后面一个参数无效的
}, 2000);
var map3 = new GMap2(document.getElementById("map3"));
map3.setCenter(new GLatLng(39.917, 116.397), 14);
map3.openInfoWindow(map.getCenter(),
document.createTextNode("Hello, world"));
}
//根据经纬度计算两点距离
var distance = new GLatLng(39.917, 116.397).distanceFrom(new GLatLng(37.4419, -122.1419));
alert(parseInt(distance/1000,10) + "公里");
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 200px"></div>
<div id="map2" style="width: 500px; height: 200px;margin-top:10px;"></div>
<div id="map3" style="width: 500px; height: 200px;margin-top:10px;"></div>
</body>
</html>
分享到:
相关推荐
Google Map API是Google提供的一套接口,允许开发者在自己的应用程序或网站上嵌入Google Maps的功能。通过API,开发者可以获取地图数据、设置自定义标记、创建路线、添加图层以及实现地理位置服务等多种功能。 二、...
在Android平台上,Google Map应用是开发地图集成的重要组成部分,它为开发者提供了丰富的API和服务,使得在移动设备上实现地图展示、定位、导航等功能变得轻松易行。本篇将深入探讨如何在Android应用中使用Google ...
4. **地图初始化**:在Activity或Fragment中创建GoogleMap对象,通过setMapType、setMyLocationEnabled等方法设置地图样式和显示用户位置。 5. **轨迹记录**:使用LocationManager和LocationListener监听位置变化,...
谷歌地图API(Google Maps API)是谷歌提供的一套强大的开发工具,允许开发者在自己的网站或应用中嵌入交互式地图,实现地理位置相关的功能。通过学习谷歌地图API,你可以创建定制的地图,添加标记、路径、信息窗口...
在IT行业中,GoogleMap是一个广泛使用的地图服务,它提供了丰富的API接口,允许开发者在其应用...开发者可以通过学习和分析这个demo,掌握如何在自己的项目中有效利用GoogleMap API,提升地图应用的用户体验和功能性。
总的来说,"GoogleMap应用"实例是一个很好的学习平台,它覆盖了Android应用中集成Google Maps的基本流程和关键步骤。通过研究提供的源代码和文档,开发者可以深入理解如何在实际项目中应用这些技术,从而提升自己的...
这个描述简洁明了,表明了源码是关于GoogleMap地图控件的实现,可能是用某种编程语言(如Java、JavaScript、C#等)编写,目的是帮助开发者理解和学习如何在实际项目中应用。源码通常包括了地图的加载、标记设置、...
**谷歌地图API学习笔记** 谷歌地图API(Google Maps API)是一种强大的工具,允许...通过阅读《google map学习文档.doc》,可以深入学习这些概念并实践应用,逐步掌握谷歌地图API的使用,构建功能丰富的地图应用。
开发者可以解压后研究其结构,学习如何将ExtJs和Google Maps API结合使用,从而提升自己的地图应用开发能力。总的来说,Ext Google Map简易开发框架为开发者提供了一个高效、灵活的工具,用于构建具有高级功能的交互...
public void onMapReady(GoogleMap googleMap) { // 在这里,你可以对地图进行各种定制,如添加标记、路径等 GoogleMap map = googleMap; map.getUiSettings().setZoomControlsEnabled(true); map....
Google Map API 是一款强大的工具,它允许开发者在自己的网站或应用程序中嵌入地图功能,提供定位、导航、地理编码、路线规划等多种服务。本示例将深入探讨如何使用 Google Map API,帮助你理解和掌握其核心概念及...
"GoogleMap应用开发与讲解"这个主题涵盖了从基础到进阶的全部内容,帮助开发者深入理解和掌握如何利用Google Maps API进行高效开发。 首先,我们要了解如何获取Google Maps API密钥。这通常是通过Google Cloud ...
总的来说,"自编_GoogleMAP应用"涵盖了地图API的使用、网络编程、数据解析、安全性、用户体验等多个方面的知识点,是学习和实践Web开发与地理位置服务结合的优秀案例。开发者通过该项目,不仅可以提升技术能力,还能...
Google Map API 是一套强大的工具,它允许开发者在自己的网站或应用程序中嵌入交互式的地图功能。这个“Google MAP 学习例程”旨在帮助你深入理解和掌握Google Map V3 API,从而能够利用它创建各种定制化的地图应用...
Google Map API 是一个JavaScript库,它允许开发人员在他们的网站上嵌入交互式地图,提供动态定位、地图缩放、拖动、标记等功能。API的核心是GMap2对象,它是地图的基础,提供了创建和控制地图的各种方法。 ### 二...
var map = new google.maps.Map(document.getElementById('map'), { zoom: 8, center: myLatLng }); } ``` 这段代码会在ID为`map`的`div`元素内显示一个中心位于澳大利亚悉尼的地图,缩放级别为8。 谷歌地图API...
public void onMapReady(GoogleMap googleMap) { // 在这里可以进行地图操作,比如设置初始位置、添加标记等 } }); ``` 在`onMapReady`回调中,你可以访问到GoogleMap对象,从而调用各种方法来定制地图,如设置...
在GoogleMap应用中,ImageView可能被用来显示自定义的标记或者用户头像。开发者可以设置不同的加载策略,如占位符、错误图,以及优化图像加载以提高性能。 **GridView**: GridView是Android的一种布局管理器,它...
public void onMapReady(GoogleMap googleMap) { MapFragment.this.googleMap = googleMap; // 设置地图类型,如卫星图、普通图等 googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL); // 开启定位服务 if ...
总的来说,"基于Google Map API的简单地图"项目涵盖了定位用户、地图操作和标记地点等基本功能,通过学习和实践,开发者可以构建出更加丰富和交互性强的地图应用。Google Map API的强大和灵活性使其成为开发地图应用...