Posted By

bcalloway on 11/11/08

Tagged

Versions (?)

Last Edited at 11/11/08 09:18pm

Statistics

Viewed 2057 times

Favorited by 2 user(s)

Related snippets

Google Maps API using .kml files from "My Maps"

/ Published in: JavaScript

Sample script to use Google API to display a map with multiple marker layers that can be toggled on/off using checkboxes. The map data is provided using the .kml files provided from "My Maps" on Google, or Google Earth files.

Highlighted TextExpand

<div id="controls">
	<p class="legend"><strong>Toggle a Checkbox to Show Map Points</strong></p>
	<ul>
		<li><input type="checkbox" id="layer1" onClick="boxclick(this, layer1);"/><label> Layer 1 </label></li>		
		
		<li><input type="checkbox" id="layer2" onClick="boxclick(this, layer2);"/><label> Layer 2 </label></li>
		
		<li><input type="checkbox" id="layer3" onClick="boxclick(this, layer3);"/><label> Layer 3</a></label></li>
	</ul>
</div>

// Show the defualt onload layer
		map.addOverlay(layer0);
	}
	
	//Toggle layers on/off using checkboxes
	function boxclick(box,category) {
        if (box.checked) {
          map.addOverlay(category);
        } else {
          map.removeOverlay(category);
        }
	}
	
</script>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.