当前位置：首页 → 问答吧 → google api地图即学即会

google api地图即学即会

时间：2009-11-13

来源：互联网

加载 Google 地图 API
<script src="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"
type="text/javascript">
</script>
[/pre]地图 DOM 元素
<div id="map_canvas" style="width: 500px; height: 300px"></div>
GMap2 - 基本对象
var map = new GMap2(document.getElementById("map_canvas"));
[/pre]初始化地图
map.setCenter(new GLatLng(39.9493, 116.3975), 13);通过 GMap2 构造函数创建地图后，我们需要再做一件事：将其初始化。初始化通过地图的 setCenter() 方法完成。setCenter() 方法要求有 GLatLng 坐标和缩放级别，而且必须先发送此方法，然后再在地图上执行其他任何操作，包括设置地图本身的其他任何属性。
加载地图
<body onload="initialize()" onunload="GUnload()">

var myGeographicCoordinates = new GLatLng(myLatitude, myLongitude)

[/pre]默认情况下，在 Google 地图 API 中，地图使用标准的“绘制”图块显示。但是，Google 地图 API 也支持其他地图类型。以下是标准地图类型：

G_NORMAL_MAP- 默认视图
G_SATELLITE_MAP - 显示 Google 地球卫星图像
G_HYBRID_MAP - 混合显示普通视图和卫星视图
G_DEFAULT_MAP_TYPES - 这三个类型的数组，在需要重复处理的情况下非常有用

可以使用 GMap2 对象的 setMapType() 方法设置地图类型。例如，下面的代码将地图设置为使用 Google 地球的卫星视图：
var map = new GMap2(document.getElementById("map_canvas"));
map.setMapType(G_SATELLITE_MAP);地图还包含对了解情况非常有用的大量属性。例如，要了解当前视口的尺寸，可使用 GMap2 对象的 getBounds() 方法来返回 GLatLngBounds 值。

啥也别说了，接着看看本人做的实例吧 google地图api示例.zip (41 K) 下载次数:346
群号：157012509正在招收队PHP or javascript爱好者

[ 此帖被lizhi在2010-03-23 09:23重新编辑 ]

作者: lizhi 发布时间: 2009-11-13