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 por intensidad">
​
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyCvK5VBQk4wRZ0CNircRSBZZsFjLL3J0Lo">
  </script>
​
​
<script type="text/javascript">
  function initMaps() {
    var mapOptions = {
                  zoom: 2,
                  center: {lat: 40.41140480914068, lng: -3.69140625},
                  mapTypeId: google.maps.MapTypeId.TERRAIN
                };
​
                               
                map6 = new google.maps.Map(document.getElementById('map_canvas_6'),mapOptions);
                map6.data.setStyle(function(feature) {
                    var magnitude = feature.getProperty('mag');
                    return {
                      icon: getCircle(magnitude)
                    };
                });
                
                
                
                // 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) {
                  map6.data.addGeoJson(results);
                
            }
​
            function getCircle(magnitude) {
              var circle = {
                path: google.maps.SymbolPath.CIRCLE,
                fillColor: 'red',
                fillOpacity: .2,
                scale: Math.pow(2, magnitude) / 2,
                strokeColor: 'white',
                strokeWeight: .5
              };
              return circle;
            }
</script>
​
​
</head>
<body onload="initMaps()">
  <h3>Terremotos por intensidad</h3>
  <div id="map_canvas_6" 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