Google Maps API --1.Load Google Map

<html>
<head>
<title>Load Google Map</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script
src="http://ditu.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
type
="text/javascript"></script>

<script type="text/javascript">
function load(){
//检查浏览器的兼容性.
if (GBrowserIsCompatible())
{
//加载地图
var map=new GMap2(document.getElementById("mapCanvas"));
//设置地图的中心坐标.(GLatLng(经度,纬度),Zoom Leavel)
//Zoom Leavel(MaxValue=1,数值越大 Zoom Leavel 越小)
map.setCenter(new GLatLng(39.990168, 116.295304), 5);
// map.setCenter(new GLatLng(23.352697196375434, 103.4267520904541),18);
}
}
</script>
</head>
<body onload="load()" onunload="GUnload()">
<!-- 地图画板 -->
<div id="mapCanvas" style="width:800px; height:600px"></div>
</body>
</html>

 2.设置地图的通用属性

(1)map.continuousZoomEnabled()--判断地图是否支持连续缩放;

       map.enableContinuousZoom() / map.disableContinuousZoom() 方法来切换是否可连续缩放;

(2)滚轮缩放——map.enableScrollWheelZoom() / map.disableScrollWheelZoom()

(3)双击缩放——map.enableDoubleClickZoom() / map.disableDoubleClickZoom()

(4)地图拖动(默认)—— draggingEnabled() 判断地图是否可以拖动,enableDragging()/ disableDragging()

(5)信息窗口——地图可以弹出一个泡状的标注,以此来显示信息;infoWindowEnabled()判断,enableInfoWindow() /disableInfoWindow

(6)添加搜索栏

3.地图类型

map.setMapType(G_SATELLIFE_MAP); //修改地图类型为卫星地图

混合地图——G_HYBRID_MAP   默认值——G_NOMAL_MAP

 

 

posted @ 2011-10-28 20:44  January  阅读(563)  评论(0编辑  收藏  举报