1 year ago

#72933

test-img

David Ljung Madison Stellar

Turn off layers/folders in Google embedded javascript maps

I'm using the Google Javascript Maps API to embed a map with KML data with the oft-used snippet:

<script type="text/javascript">
  function detectBrowser() {
    var useragent = navigator.userAgent;
    var mapdiv = document.getElementById("map-canvas");
    if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
      mapdiv.style.width = '100%';
      //mapdiv.style.height = '100%';
      mapdiv.style.height = '600px';
    } else {
      mapdiv.style.width = '600px';
      mapdiv.style.height = '600px';
    }
  }
  function initialize() {
    detectBrowser();
    var mapOptions = { gestureHandling: 'cooperative' };
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    var georssLayer = new google.maps.KmlLayer({ 
      url: "https://www.google.com/maps/d/kml?mid=19vJ5I6283iXcFINgp4U_JnqmbiXMySwD",
      map: map,
    });
    georssLayer.setMap(map);
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div style="width: 600px; height: 600px; margin: 0 auto; padding: 10px;" id="map-canvas"></div>

I want to use a KML that has multiple folders (or "layers" in MyMaps language) but I want to be able to select which folders to show. Is there any way to load KML with KmlLayer and then turn on/off folders by name?

javascript

google-maps

google-maps-api-3

google-api

0 Answers

Your Answer

Accepted video resources