mapsense-examples’s gists

mapsense-examples / index.css

Last active August 29, 2015 14:22

Interactive census map

mapsense-examples / L.TileLayer.d3_JSON_mapsense.js

Created May 26, 2015 23:54

Leaflet tilelayer + mapsense vector tiles

	L.TileLayer.d3_JSON = L.TileLayer.extend({
	//extending L.TileLayer to support topoJSON and geoJSON vector sources
	//rendering with d3, borrows from zjonsson & https://github.com/glenrobertson/leaflet-tilelayer-geojson/

	onAdd: function(map) {
	var map_container_svg = d3.select(map._container).select("svg");

	L.TileLayer.prototype.onAdd.call(this, map);
	this.mapsenseStyle = this.options.mapsenseStyle \|\| 'light';

mapsense-examples / L.TileLayer.d3_JSON_mapsense.js

Last active August 29, 2015 14:21

Use Mapsense tiles in Leaflet

	L.TileLayer.d3_JSON = L.TileLayer.extend({
	//extending L.TileLayer to support topoJSON and geoJSON vector sources
	//rendering with d3, borrows from zjonsson & https://github.com/glenrobertson/leaflet-tilelayer-geojson/

	onAdd: function(map) {
	var map_container_svg = d3.select(map._container).select("svg");

	L.TileLayer.prototype.onAdd.call(this, map);
	this.mapsenseStyle = this.options.mapsenseStyle;

mapsense-examples / index.html

Last active August 29, 2015 14:21

Zip codes and regions

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
	<!-- <script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script> -->
	<script src="./mapsense.js"></script>
	<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/>

mapsense-examples / index.html

Last active August 29, 2015 14:21

Simple Geocode

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' />

	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
	<script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script>
	<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/>

mapsense-examples / analytics.mkd

Last active August 29, 2015 14:21

Data-Driven Visualization

mapsense-examples / index.html

Last active October 22, 2015 19:14

Paste addresses to (batch) geocode


	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' />

	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
	<script src="mapsense.js" charset="utf-8"></script>

mapsense-examples / bounds.js

Last active June 7, 2016 16:43

Drag & drop csv to map

	// Hat tip Mike Bostock: https://github.com/mbostock/polymaps/blob/master/examples/bounds/bounds.js

	function bounds(features) {
	var i = -1,
	n = features.length,
	geometry,
	bounds = [{lon: Infinity, lat: Infinity}, {lon: -Infinity, lat: -Infinity}];
	while (++i < n) {
	//geometry = features[i].data.geometry;
	geometry = features[i].geometry;

mapsense-examples / index.html

Last active August 29, 2015 14:21

Inset AK & HI

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content='initial-scale=1,maximum-scale=1,user-scalable=no' />

	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script>
	<script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script>
	<link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/>

mapsense-examples / analytics.mkd

Last active August 29, 2015 14:21

Toggle Layers