Google Map Demo_googlemap demo-CSDN博客

本文链接：https://blog.csdn.net/crazywindinggmail/article/details/4837446

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

    function doGetLocationsComplete(response) {

        address = ""
        if (!response || response.Status.code != 200)
        {
//             alert("对不起，不能解析这个地址");
//             alert(response);
//             alert(response.Status.code);
        }
        else
        {
            for(var i=0;i<response.Placemark.length;i++)
            {
                address += '<div>' + response.Placemark[i].address + '</div>';
            }

        }
        var infoHtml = '<div><img src = "file:///d:/green.png" /> </div>' + '<div>' + marker.getLatLng() + '</div>' + address;
        marker.bindInfoWindowHtml(infoHtml);
        marker.openInfoWindow(infoHtml);
   }

    function setMarkLatLng(latLng) {
        geocoder.getLocations(latLng, doGetLocationsComplete);
        marker.setLatLng(latLng);

//         var infoHtml = '<div><img src = "file:///d:/green.png" /> </div>' + '<div>' + latLng.toUrlValue() + '</div>' + address;
//         marker.bindInfoWindowHtml(infoHtml);
//         marker.openInfoWindow(infoHtml);
    }


    function doLocalSearchComplete() {

        map.clearOverlays();
        map.addOverlay(marker);
//         marker_array.clear();


        var results = localSearch.results;
        if (results.length > 0) {

            zoom = map.getZoom();
            if (zoom < 13)
                zoom = 13;

            point = new GLatLng(results[0].lat, results[0].lng);
            map.setCenter(point, zoom);

            for (var i = 0; i < results.length; i++)
            {
                var ico = new GIcon(G_DEFAULT_ICON);
                var letter = String.fromCharCode("A".charCodeAt(0) + i);
                ico.image= "http://www.google.com/mapfiles/marker" + letter + ".png";

                var pointi = new GLatLng(results[i].lat, results[i].lng);
                marker_array[i] = new GMarker(pointi, {draggable: false, icon: ico});
                map.addOverlay(marker_array[i]);
            }


            setMarkLatLng(point);
            marker_array[0].hide();

        }
        else
            alert("search result 0!");

        localSearch.clearResults();
    }

    google.load('search', '1');

    function OnLoad() {
       localSearch = new google.search.LocalSearch();
       localSearch.setSearchCompleteCallback(this, doLocalSearchComplete);
    }

    google.setOnLoadCallback(OnLoad);

            GEvent.addListener(marker, "dragend", function(point) {
                setMarkLatLng(point);
            });

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

            GEvent.addListener(map, "click", function(o, point) {
                if (showmark) {
                    setMarkLatLng(point);
                    showmark = false;
                }
            });

            map.addOverlay(marker);
        }
    }

    function Button1_onclick() {
        showmark = true;
    }

    function Button2_onclick() {
        var queryValue = document.getElementById("query").value;
        localSearch.setCenterPoint(map);
        localSearch.execute(queryValue);
    }

</script>
</HEAD>
<body οnlοad="initialize()">

</body>
</HTML>