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  阅读(561)  评论(0)  编辑  收藏  举报