Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<meta name="description" content="Terremotos en heatmap">
​
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyCvK5VBQk4wRZ0CNircRSBZZsFjLL3J0Lo&libraries=geometry,visualization">
  </script>
​
​
<script type="text/javascript">
  function initMaps() {
    var mapOptions = {
                  zoom: 2,
                  center: {lat: 40.41140480914068, lng: -3.69140625},
                  mapTypeId: google.maps.MapTypeId.TERRAIN
                };
​
                                
    map7 = new google.maps.Map(document.getElementById('map_canvas_7'),mapOptions);
​
    // Create a <script> tag and set the USGS URL as the source.
    var script = document.createElement('script');
    script.src = 'http://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_week.geojsonp';
    document.getElementsByTagName('head')[0].appendChild(script);
​
  }
​
  function eqfeed_callback(results) {
​
    //Build heatmap
    var heatmapData = [];
    for (var i = 0; i < results.features.length; i++) {
      var coords = results.features[i].geometry.coordinates;
      var latLng = new google.maps.LatLng(coords[1], coords[0]);
      var magnitude = results.features[i].properties.mag;
      var weightedLoc = {
        location: latLng,
        weight: Math.pow(2, magnitude)
      };
      heatmapData.push(weightedLoc);
    }
    var heatmap = new google.maps.visualization.HeatmapLayer({
      data: heatmapData,
      dissipating: false,
      map: map7
    });                
  }
        
</script>
​
​
</head>
<body onload="initMaps()">
  <h3>Terremotos en heatmap</h3>
  <div id="map_canvas_7" style="width:100%; height:100%"></div>
</body>
</html>
​
Output

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

Dismiss x
public
Bin info
jescacenapro
0viewers