Skip to content

Instantly share code, notes, and snippets.

@jhnklly

jhnklly/index.html

Created May 18, 2015 20:12
Show Gist options
  • Save jhnklly/74204221b7da35a9d041 to your computer and use it in GitHub Desktop.
Save jhnklly/74204221b7da35a9d041 to your computer and use it in GitHub Desktop.
Download ZIP
mapsense js // source http://jsbin.com/vuluqe
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<title>mapsense js</title>
<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 type="text/javascript" src="http://staging.mapsense-developer.divshot.io/mapsense.js" charset="utf-8"></script>
<link type="text/css" href="http://staging.mapsense-developer.divshot.io/mapsense.css" rel="stylesheet" />
<style>
html, body, .map {
height: 100%; width: 100%;
margin: 0; padding: 0;
}
body, .map { overflow: hidden; }
.tile-background, .water_polygon { fill: white !important; }
</style>
</head>
<body>
<script>
//create your containing svg
var svg = d3.select('body').append('svg').attr("class", "map")
var map = mapsense.map() // init the map
.container(svg.node()) //tell it where to go
.add(mapsense.basemap().apiKey("key-fb3a8e7a8537477cbe1fb268d7b98c77")); // add a basemap
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment