- <!DOCTYPE html>
- <html>
- <head>
- <title>Google Maps JavaScript API v3 Example: Overlay Removal</title>
- <link />
- <script type="text/javascript" src="<a href="http://maps.google.com/maps/api/js?sensor=false">http://maps.google.com/maps/api/js?sensor=false"></script>
- <script type="text/javascript">
- var map;
- var markersArray = [];
- function initialize() {
- var haightAshbury = new google.maps.LatLng(37.7699298, -122.4469157);
- var mapOptions = {
- zoom: 12,
- center: haightAshbury,
- mapTypeId: google.maps.MapTypeId.TERRAIN
- };
- map = new google.maps.Map(document.getElementById("map_canvas"),
- mapOptions);
- google.maps.event.addListener(map, 'click', function(event) {
- addMarker(event.latLng);
- });
- }
- function addMarker(location) {
- marker = new google.maps.Marker({
- position: location,
- map: map
- });
- markersArray.push(marker);
- }
- // Removes the overlays from the map, but keeps them in the array
- function clearOverlays() {
- if (markersArray) {
- for (i in markersArray) {
- markersArray[i].setMap(null);
- }
- }
- }
- // Shows any overlays currently in the array
- function showOverlays() {
- if (markersArray) {
- for (i in markersArray) {
- markersArray[i].setMap(map);
- }
- }
- }
- // Deletes all markers in the array by removing references to them
- function deleteOverlays() {
- if (markersArray) {
- for (i in markersArray) {
- markersArray[i].setMap(null);
- }
- markersArray.length = 0;
- }
- }
- </script>
- </head>
- <body onload="initialize();">
- <div>
- <input onclick="clearOverlays();" type=button value="Clear Overlays"/>
- <input onclick="showOverlays();" type=button value="Show All Overlays"/>
- <input onclick="deleteOverlays();" type=button value="Delete Overlays"/>
- </div>
- <div id="map_canvas" style="width:600px; height:500px"></div>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/23112012610.html
来源: http://www.codesnippet.cn/detail/23112012610.html