google map api sample

来源：互联网发布：mysql 5.9修改密码编辑：程序博客网时间：2024/05/14 03:29

HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<TITLE>WMI Scripting HTML</TITLE>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdI0zGVgYqTKHphoxD6Ts7RStrDQCRAqEw3qj75gyDXKipO0rfhSjjCwKU9CeQlegTB_-A2G4yly6wg"
type="text/javascript"></script>

    function doMarkersSetCallback(markers){
var marker2 = markers[0].marker;
        marker2.hide();
        marker.setLatLng(marker2.getLatLng());

        for (var num = 0; num < markers.length; num ++)
        {
            markers[num].marker.hide();
        }

         marker.openInfoWindowHtml(marker2.getLatLng().toString());

//         alert("搜索得到的经纬度是：" + marker2.getLatLng());
//         var p;
// alert("doMarkersSetCallback");
//return null;
      }

function doGenerateMarkerHtmlCallback() {

// alert("doGenerateMarkerHtmlCallback");
//return null;
}

            map = new GMap2(document.getElementById("gmap"), {googleBarOptions:
          {
   onMarkersSetCallback:doMarkersSetCallback,
onGenerateMarkerHtmlCallback:doGenerateMarkerHtmlCallback,
   suppressInitialResultSelection:false
  }}
  );
            map.addControl(new GSmallMapControl());
            map.enableGoogleBar();
            map.addControl(new GMapTypeControl());

            map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.display = "none";

            center = new GLatLng(0,0);
            map.setCenter(center, 1);

             var ico = new GIcon(G_DEFAULT_ICON);
             ico.image="green.png";
            marker = new GMarker(center, {draggable: true,icon: ico});
//             marker = new GMarker(center, {draggable: true});

            GEvent.addListener(marker, "dragend", function(point) {
            var WINDOW_HTML = '<div><img src = "green.png"/> </div>';
//               alert("标点现在的经纬度是：" + point);
                 marker.openInfoWindowHtml('<div><img src = "green.png"/> </div>' + point.toUrlValue());

            });

            GEvent.addListener(map, "mousemove", function(point) {
              if (showmark)
          marker.setLatLng(point);
            });

            GEvent.addListener(map, "click", function(o, p) {

      if (showmark) {
              // alert("您点击的位置的经纬度是：" + p);
        marker.setLatLng(p);
               showmark = false;
                           marker.openInfoWindowHtml(p.toString());

      }

           });

     //Options = new GGoogleBarOptions(suppressInitialResultSelection : false);
           //GGoogleBarOptions.suppressInitialResultSelection =false;

            map.addOverlay(marker);

//             marker.openInfoWindowHtml("dddddddddddddddddddd");
        }

//document.getElementById("gmap").style.visibility = "false";
}

function Button1_onclick() {
showmark = true;
}

</script>
</HEAD>
<body onload="initialize()">

</body>
</HTML>