block by martgnz f4f1f780378df706cfd024c785b44406

Static Chile

Full Screen

Map of Chile made with Spam.js.

index.html

<!DOCTYPE html>
<meta charset="utf-8" /> 
<body>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://unpkg.com/rbush@1.4.3/rbush.js"></script>
<script src="https://unpkg.com/spamjs@1.1.0/spam.min.js"></script>

<script type='text/javascript'>
d3.json("chile.json", function(error, d) {
  topojson.presimplify(d);

  var map = new StaticCanvasMap({
    element: "body",
    height: 800,
    width: 560,
    projection: d3.geo
      .mercator()
      .center([-71.188429, -31.061921])
      .scale(900),
    data: [
      {
        features: topojson.feature(d, d.objects["chile"]),
        static: {
          paintfeature: function(parameters, d) {
            parameters.context.lineWidth = 0.5;
            parameters.context.strokeStyle = "rgb(30,30,30)";
            parameters.context.stroke();
          }
        }
      }
    ]
  });
  map.init();
});
</script>