1 year ago
#72933

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