Chicago/gist:1113802

## gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: KmlLayer KML</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;


function initialize() {
  var chicago = new google.maps.LatLng(41.875696,-87.624207);
  var myOptions = {
    zoom: 11,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }


  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


  boundary();

}


function boundary( ){
  var boundary = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/FbjscW4rNuQOuoguwcAn-EXO8wY9k7y0gijm0Od3OKc?filename=Kmlcityboundary.kml');
  boundary.setMap(map);
}


function riverwalk_Socrata( ){
  var riverwalk = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/lCHoE6o62ZBX3jnDkdvWrDoFSIi-5q9Hy9UP71peQkI?filename=Kml%2520Openspaces%2520Riverwalk.kml');
  riverwalk.setMap(map);
}


function gardens_Socrata( ){
  var gardens = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/1qEWJAx7cHdXKGNg8BNDhiaEaFRp9r53W_Z7xKQ9NMM?filename=Kml%2520Openspaces%2520Neighborhoodspace%2520Gardens.kml');
  gardens.setMap(map);
}


function malls_Socrata( ){
  var malls = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/zKJdf_waERT5RManxD6uP3F9WPkM8jRa4qSQ96M4gcI?filename=Kml%2520Openspaces%2520Malls%2520Plazas.kml');
  malls.setMap(map);
}


function boulevards_Socrata( ){
  var boulevards = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/onqZioMq6j5B9e4Qi93i88frCwh21rjd2E0rjSpk9tA?filename=Kml%2520Openspaces%2520Boulevards.kml');
  boulevards.setMap(map);
}


function campusparks_KMZ( ){
  var campusparks = new google.maps.KmlLayer('http://www.cityofchicago.org/content/dam/city/progs/trnsprncy/Data/campus_parks.kmz');
  campusparks.setMap(map);
}


function habitats_KMZ( ){
  var habitats = new google.maps.KmlLayer('http://www.cityofchicago.org/content/dam/city/progs/trnsprncy/Data/open_space_habitat.kmz');
  habitats.setMap(map);
}


function TIF_KMZ( ){
  var TIF = new google.maps.KmlLayer('http://www.cityofchicago.org/content/dam/city/progs/trnsprncy/Data/tif_districts.kmz');
  TIF.setMap(map);
}

function tree(){
  var tree = new google.maps.FusionTablesLayer({
    query: {
      select: 'geocodable address'
      from: 'S23003784sj'
    }
  });
  tree.setMap(map);
}


</script>
</head>
<body onload="initialize()">
  <input type="button" value="Riverwalk" onclick="riverwalk_Socrata();"/>
  <input type="button" value="Neighbor Space Gardens" onclick="gardens_Socrata();"/>
  <input type="button" value="Malls & Plazas" onclick="malls_Socrata();"/>
  <input type="button" value="Boulevards" onclick="boulevards_Socrata();"/>
  <input type="button" value="Campus Parks" onclick="campusparks_KMZ();"/>
  <input type="button" value="Habitats" onclick="habitats_KMZ();"/>
  <input type="button" value="tree" onclick="tree()();"/>
  <div id="map_canvas"></div>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<title>Google Maps JavaScript API v3 Example: KmlLayer KML</title>
	<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript">
	var map;


	function initialize() {
	var chicago = new google.maps.LatLng(41.875696,-87.624207);
	var myOptions = {
	zoom: 11,
	center: chicago,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	}


	map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


	boundary();

	}


	function boundary( ){
	var boundary = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/FbjscW4rNuQOuoguwcAn-EXO8wY9k7y0gijm0Od3OKc?filename=Kmlcityboundary.kml');
	boundary.setMap(map);
	}



	function riverwalk_Socrata( ){
	var riverwalk = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/lCHoE6o62ZBX3jnDkdvWrDoFSIi-5q9Hy9UP71peQkI?filename=Kml%2520Openspaces%2520Riverwalk.kml');
	riverwalk.setMap(map);
	}


	function gardens_Socrata( ){
	var gardens = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/1qEWJAx7cHdXKGNg8BNDhiaEaFRp9r53W_Z7xKQ9NMM?filename=Kml%2520Openspaces%2520Neighborhoodspace%2520Gardens.kml');
	gardens.setMap(map);
	}


	function malls_Socrata( ){
	var malls = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/zKJdf_waERT5RManxD6uP3F9WPkM8jRa4qSQ96M4gcI?filename=Kml%2520Openspaces%2520Malls%2520Plazas.kml');
	malls.setMap(map);
	}


	function boulevards_Socrata( ){
	var boulevards = new google.maps.KmlLayer('http://data.cityofchicago.org/api/file_data/onqZioMq6j5B9e4Qi93i88frCwh21rjd2E0rjSpk9tA?filename=Kml%2520Openspaces%2520Boulevards.kml');
	boulevards.setMap(map);
	}


	function campusparks_KMZ( ){
	var campusparks = new google.maps.KmlLayer('http://www.cityofchicago.org/content/dam/city/progs/trnsprncy/Data/campus_parks.kmz');
	campusparks.setMap(map);
	}


	function habitats_KMZ( ){
	var habitats = new google.maps.KmlLayer('http://www.cityofchicago.org/content/dam/city/progs/trnsprncy/Data/open_space_habitat.kmz');
	habitats.setMap(map);
	}


	function TIF_KMZ( ){
	var TIF = new google.maps.KmlLayer('http://www.cityofchicago.org/content/dam/city/progs/trnsprncy/Data/tif_districts.kmz');
	TIF.setMap(map);
	}

	function tree(){
	var tree = new google.maps.FusionTablesLayer({
	query: {
	select: 'geocodable address'
	from: 'S23003784sj'
	}
	});
	tree.setMap(map);
	}



	</script>
	</head>
	<body onload="initialize()">
	<input type="button" value="Riverwalk" onclick="riverwalk_Socrata();"/>
	<input type="button" value="Neighbor Space Gardens" onclick="gardens_Socrata();"/>
	<input type="button" value="Malls & Plazas" onclick="malls_Socrata();"/>
	<input type="button" value="Boulevards" onclick="boulevards_Socrata();"/>
	<input type="button" value="Campus Parks" onclick="campusparks_KMZ();"/>
	<input type="button" value="Habitats" onclick="habitats_KMZ();"/>
	<input type="button" value="tree" onclick="tree()();"/>
	<div id="map_canvas"></div>
	</body>
	</html>