Old school D3 from simpler times

All examples By author By category About

calvinmetcalf

Full window Github gist

MA basemaps

basemaps from the commonwealth, the functional ones are going to require functional tile layer

<!DOCTYPE html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=1024, user-scalable=no">
    <style>
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0;}
      #map{ height: 100% }
    </style>
  
    <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.5.1/leaflet.css" />

<title>Clusters</title>
<div id="map"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.5.1/leaflet.min.js"></script>
<script src="functionalTileLayer.js"></script>
<script src="assortedTiles.js"></script>

<script>
var m = L.map("map").setView([42.38210151202946, -71.08480453491211],15);
var layerControl = L.control.layers({
  "Structures From MassDOT":ma.structures.massDOT,
  "Roads From MassDOT":ma.roads.massDOT,
  "Structures From MassGIS":ma.functional.structures,
  "Parcels From MassGIS":ma.functional.parcels,
  "MassGIS Basemap":ma.functional.baseMap.addTo(m),
  "MassGIS Labels":ma.functional.labels
},{},{collapsed:false}).addTo(m);
</script>

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=1024, user-scalable=no">
    <style>
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0;}
      #map{ height: 100% }
    </style>
  
    <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.5.1/leaflet.css" />
​
<title>Clusters</title>
<div id="map"></div>
​
​
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.5.1/leaflet.min.js"></script>
<script src="functionalTileLayer.js"></script>
<script src="assortedTiles.js"></script>
​
<script>
var m = L.map("map").setView([42.38210151202946, -71.08480453491211],15);
var layerControl = L.control.layers({
  "Structures From MassDOT":ma.structures.massDOT,
  "Roads From MassDOT":ma.roads.massDOT,
  "Structures From MassGIS":ma.functional.structures,
  "Parcels From MassGIS":ma.functional.parcels,
  "MassGIS Basemap":ma.functional.baseMap.addTo(m),
  "MassGIS Labels":ma.functional.labels
},{},{collapsed:false}).addTo(m);
</script>
    

Modified http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js to a secure url

https://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js