上次写了google地图api调用(一),也过了好一段时间了,今天来说说初始化地图后对地图的一些设置。
<!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 地图 JavaScript API 示例: 简单的地图</title>
<script src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var map = new GMap2(document.getElementById("map_container"));
map.setCenter(new GLatLng(39.917, 116.397), 14);
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_container" style="width: 500px; height: 300px"></div>
</body>
</html>
上面我们只是对地图的简单调用,并没有为地图设置一下配置。以下是一些可以调用的配置。
| 方法 |
返回值 |
说明 |
| enableDragging() |
None |
启用地图拖动(默认情况下启用)。 |
| disableDragging() |
None |
禁用地图拖动。 |
| draggingEnabled() |
Boolean |
当且仅当启用了地图拖动时,返回 true。 |
| enableInfoWindow() |
None |
启用地图上的信息窗口操作(默认情况下启用)。 |
| disableInfoWindow() |
None |
如果信息窗口处于打开状态,请关闭它并禁用打开新信息窗口。 |
| infoWindowEnabled() |
Boolean |
当且仅当启用了信息窗口时,返回 true。 |
| enableDoubleClickZoom() |
None |
启用双击缩放地图(默认情况下启用)。 |
| disableDoubleClickZoom() |
None |
禁用双击缩放地图。 |
| doubleClickZoomEnabled() |
Boolean |
当且仅当启用了双击缩放地图时,返回 true。 |
| enableContinuousZoom() |
None |
启用选择浏览器的连续平滑缩放(默认情况下禁用)。 |
| disableContinuousZoom() |
None |
禁用连续平滑缩放。 |
| continuousZoomEnabled() |
Boolean |
如果启用了连续平滑缩放,则返回 true。 |
| enableGoogleBar() |
None |
为地图启用集成搜索控件 GoogleBar。如果启用,该控件会取代默认的“由 Google 强力驱动”徽标。请注意,该控件默认情况下未启用。 |
| disableGoogleBar() |
None |
禁用 GoogleBar 集成搜索控件。如果禁用,默认的“由 Google 强力驱动”徽标会占据以前放置此控件的位置。请注意,该控件已经默认禁用。 |
| enableScrollWheelZoom() |
None |
启用使用鼠标滚轮缩放。注意:默认情况下禁用滚轮缩放。 |
| disableScrollWheelZoom() |
None |
禁用使用鼠标滚轮缩放。注意:默认情况下禁用滚轮缩放。 |
| scrollWheelZoomEnabled() |
Boolean |
返回一个表示是否启用滚轮缩放的布尔值。 |
例如:调用enableDragging()就可以是地图可以拖动:
var map = new GMap2(document.getElementById(&quot;map_container&quot;));
map.setCenter(new GLatLng(39.917, 116.397), 14);
map.enableDragging(); //使地图可以拖动,默认是启用的
下面是几个默认没有开启,但比较常用的配置:
map.enableScrollWheelZoom(); //鼠标滑轮缩放地图
map.enableContinuousZoom(); //放大缩小时启用动画效果
map.doubleClickZoomEnabled() //鼠标双击放大地图
配置了地图后还可以为地图添加一些控件。比较常见的两个控件:方向盘控件(向东南西北移动地图的控件)和控制缩放级别控件,貌似官方api就提供了这两个控件(方向盘控件有一个大的和一个小的),当然你也可以实现接口,自己写控件,如写个美化的方向盘控件和缩放级别控件。下面是添加这两个控件的代码:
map.addControl(new GLargeMapControl()); //添加一个大的方向盘控件
map.addControl(new GScaleControl()); //添加一个缩放级别控件
还可以添加一个小的方向盘控件,大和小二选一:
map.addControl(new GSmallMapControl());
这样就是一个比较完整的地图了,大家可以试试。下次说说比较强大的自定义地图类型。