Final map project

by kmg747

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-geo-projection/2.4.0/d3-geo-projection.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/3.0.2/topojson.js"></script>
<script src="https://cdn.rawgit.com/nbiver/26a31a8cccfad51ff1716abadfa6fa70/raw/4a3a333e5e2c47e7ececffc7ff5e79cf07bcd8ad/SynchronizedMap-1.js"></script>
<script src="https://cdn.rawgit.com/nbiver/b92c2b652665f1bed54bf4a56b4a4086/raw/59aeb5d0714b3ec5f32b1dde5092b84a78bb78dc/SynchronizedMap-2.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/nbiver/4708d76fc528e36f17a7de85fcada8a7/raw/24d4d0b661076b79d1506a37c254f12d5ea5d611/SynchronizedMaps.css">
<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Synchronized Maps</title>
    
  
  </head>
  <body>
    <div class="content">
      <div id="map-1"></div>
    <div id=""></div>
    </div>
  </body>
</html>

CSS

/* check out 'Resources' in the sidebar - there are some css file there: */

/* leaflet.css: this is all the styling leaflet uses to make the map */

/*SynchronizedMaps.css: styling for the maps (have a look at this file to get some hints)*/

JavaScript

// Check out 'Resources' in the sidebar - there are some javascript files there:

// leaflet.js: the leaflet library
// d3.min.js: the D3 library
// topojson.js: an extension to GeoJSON that encodes topology
// d3-geo-proojection.min.js: extended geographic projections for D3.js.


// SynchronizedMap-1.js: functionality for the leaflet map (have a look at this file to get some hints)
// SynchronizedMap-2.js: functionality for the d3 map (have a look at this file to get some hints)