Skip to content

Instantly share code, notes, and snippets.

View jmeisel's full-sized avatar

Jeff Meisel jmeisel

View GitHub Profile
<head>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=visualization&signed_in=true">
</script>
<script src="jquery.js"></script>
<script src="js/citysdk.js"></script>
<script src="js/citysdk.census.js"></script>
<script src="js/citysdk.farmersMarket.js"></script>
</head>
@jmeisel
jmeisel / Using Multiple Modules_Step 1.html
Last active September 1, 2015 18:36
CitySDK Guide for Using Multiple Modules
<head>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=visualization&signed_in=true">
</script>
<script src="jquery.js"></script>
<script src="js/citysdk.js"></script>
<script src="js/citysdk.census.js"></script>
<script src="js/citysdk.farmersMarket.js"></script>
</head>
<body>
<div id="map-canvas" style="width: 200px; height: 200px"></div>
</body>
<script>
var apiKey, map;
var sdk = new CitySDK();
var census = sdk.modules.census;
var farmersMarket = sdk.modules.farmersMarket;
//We won't need API keys for just Geography.
<script>
map.data.addListener('click', function(event) {
var lat = event.feature.getProperty("CENTLAT");
var lng = event.feature.getProperty("CENTLON");
var name = event.feature.getProperty("NAME");
var request = {
"lat": lat,
"lng": lng
};
farmersMarket.search(request, function(response) {
<script>
$(document).ready(
function() {
var mapOptions = {
center: { lat: 37, lng: -120},
zoom: 6
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
map.data.setStyle({
<script>
//County boundary request
var countyRequest = {
state: "CA",
level: "county",
sublevel: true,
container: "state"
};
//Request the boundaries and attach them to the map
census.GEORequest(countyRequest, function(response) {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Population and Income by Address</title>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../font-awesome/css/font-awesome.min.css">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Population and Income by Zipcode</title>
@jmeisel
jmeisel / CitySDK Example_Commute Query.html
Created September 3, 2015 04:06
This example uses sublevels and normalized variables.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../font-awesome/css/font-awesome.min.css">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Commute Query using Sublevels and Normalized Aliases</title>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../font-awesome/css/font-awesome.min.css">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>GeoRequest with Arbitrary Boundaries</title>