一个简单功能的google地图

一个简单功能的google地图，自由缩放，标注，卫星地图和内置google搜索

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
        <meta http-equiv="content-type" content="text/html"; charset="gb2312" />
        <script

            src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAumgecjpbeA9exQ4A2fTaKBSiSDsnWOTUIKxC7EavN3RNR1FEDxThviIsAHh_5ecFway8FiozLk1q9A&hl=zh-CN"

            type="text/javascript"></script>

        <script type="text/javascript">
            function load(){
                //检查浏览器的兼容性.
                if (GBrowserIsCompatible()){
                    //加载地图
                    var map=new GMap2(document.getElementById("map_canvas"));
                    //设置地图的中心坐标.
                    map.setCenter(new GLatLng(30.657702,104.065590),12);
                    //允许用户移动和缩放地图
                    map.addControl(new GSmallMapControl());
                    //允许用户在地图类型之间切换
                    map.addControl(new GMapTypeControl());

                    map.enableContinuousZoom();
                    map.enableScrollWheelZoom();
                    map.enableDoubleClickZoom();
                    map.enableInfoWindow();
                    map.enableGoogleBar();

                    //创建小图标
                    var icon = new GIcon();
                    //指定图标的小图片
                    icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
                    //指定图标的阴影图片
                    icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
                    //指定图标的图片大小
                    icon.iconSize = new GSize(12, 20);
                    //指定阴影大小
                    icon.shadowSize = new GSize(22, 20);
                    icon.iconAnchor = new GPoint(6, 20);
                    icon.infoWindowAnchor = new GPoint(5, 1);

                    //在地图上进行标注
                    var point = new GLatLng(30.661827,104.072188);
                    //创建GMarker实例
                    //var marker = new GMarker(point,{draggable: true));
                    //将该标注添加至地图
                    //map.addOverlay(marker);

                    //指定标注点的图片
                    var marker = new GMarker(point, icon);
                    map.addOverlay(marker);

                      GEvent.addListener(map,"click", function(overlay,latlng) {
                      if (overlay) {
                        // 忽略点击在信息窗口上的事件
                        return;
                      }
                      //var tileCoordinate = new GPoint();
                      //var tilePoint = new GPoint();

                      //var currentProjection = G_NORMAL_MAP.getProjection();

                      //像素坐标
                      //tilePoint = currentProjection.fromLatLngToPixel(latlng, map.getZoom());

                      //图块坐标
                      //tileCoordinate.x = Math.floor(tilePoint.x / 256);
                      //tileCoordinate.y = Math.floor(tilePoint.y / 256);

                      //显示
                      //var myHtml = "纬度:" + latlng.lat() + "<br/>经度:" + latlng.lng() +
                        //"<br/> 缩放层次: " + map.getZoom();
                      //map.openInfoWindow(latlng, myHtml);
                    });
                      GEvent.addListener(marker,"click", function() {
                      var myHtml = "<span style=\'color:blue\'>四川国际大厦<span>";
                      marker.openInfoWindowHtml(myHtml);
                      });
                }
            }
    </script>
    </head>
    <body onload="load()" onunload="GUnload()">
        
        <div id="map_canvas" style="width:640px; height:480px"></div>
    </body>
</html>