Skip to content

Instantly share code, notes, and snippets.

@chelm

chelm/timeslider toggles

Created January 5, 2011 19:03
Show Gist options
  • Save chelm/766807 to your computer and use it in GitHub Desktop.
Save chelm/766807 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
timeslider toggles
<html>
<head>
<script src="http://geoiq.local/javascripts/f1.api.js"></script>
<script>
$(function(){
gmap = new F1.Maker.Map({
map_id: 116,
dom_id: "goog",
view:'globe',
google_key:'ABQIAAAA630IfPtvy4gvDbA5HdxNGRSR6al1JJILrb2xb6gmsA_quSrGlRSCC3o3yILtTuPd8sBfe4gmHMilJQ'
});
});
function layerToggle(index,vis){
gmap.showLayer(index, vis);
}
function toggleTime(vis){
gmap.showTime(vis);
}
</script>
</head>
<body>
<button onclick="javascript:layerToggle(0,false)">Hide Layer 1</button>
<button onclick="javascript:layerToggle(0,true)">Show Layer 1</button>
<div id="goog" style="border:1px solid; width:750px; height:500px;" width=750 height=500></div>
<button onclick="javascript:toggleTime(false)">Hide Time</button>
<button onclick="javascript:toggleTime(true)">Show Time</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment