Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content="Getting started with LeafletJS - Challenge Earthquakes" />
<link href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.css">
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.Default.css">
  <title>MapTime-Alpes - Leaftlet</title>
</head>
<body>
<div id="leaflet-map"></div>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
<script src='https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-heat/v0.1.3/leaflet-heat.js'></script>
  </body>
</html>
 
body {
    padding: 0;
    margin: 0;
}
html, body, #leaflet-map {
    height: 90%;
}
.leaflet-popup-content {
  max-height: 400px;
  overflow-y: scroll;
}
 
  // MAP
  var map = L.map('leaflet-map', {
    center: [25.0, -20.0],
    zoom: 3,
  });
  // copyright
    var attribution = '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
      mbUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
    // layer
    var layer = L.tileLayer(mbUrl, {
        attribution: attribution
      });
    layer.addTo(map);
  // add empty heatmap
  heat = L.heatLayer([], { maxZoom: 12 }).addTo(map);
  
$.ajax({
  url: "http://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson",
  cache: true,
  success: function (data) {
    // make geojson layer from data
    geojsonlayer = L.geoJson(data);
    // fit data to map
    map.fitBounds(geojsonlayer.getBounds());
    // iterate geojson layer, adding to heatmap
    geojsonlayer.eachLayer(function(l) {
      heat.addLatLng(l.getLatLng());
    });
  }
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
tsamayapro
0viewers