<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>

<style type="text/css">

/* Always set the map height explicitly to define the size of the div

* element that contains the map. */

#map {

height: 100%;

}

/* Optional: Makes the sample page fill the window. */

html,

body {

height: 100%;

margin: 0;

padding: 0;

}

</style>

<script>

(() => {

"use strict";

var e = {

d: (o, t) => {

for (var a in t)

e.o(t, a) &&

!e.o(o, a) &&

Object.defineProperty(o, a, { enumerable: !0, get: t[a] });

},

o: (e, o) => Object.prototype.hasOwnProperty.call(e, o),

r: (e) => {

"undefined" != typeof Symbol &&

Symbol.toStringTag &&

Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),

Object.defineProperty(e, "__esModule", { value: !0 });

},

},

o = {};

let t;

function a() {

t = new google.maps.Map(document.getElementById("map"), {

zoom: 2,

center: new google.maps.LatLng(2.8, -187.3),

mapTypeId: "terrain",

});

const e = document.createElement("script");

(e.src =

"https://developers.google.com/maps/documentation/javascript/examples/json/earthquake_GeoJSONP.js"),

document.getElementsByTagName("head")[0].appendChild(e);

}

e.r(o), e.d(o, { initMap: () => a, eqfeed_callback: () => n });

const n = function (e) {

for (let o = 0; o < e.features.length; o++) {

const a = e.features[o].geometry.coordinates,

n = new google.maps.LatLng(a[1], a[0]);

new google.maps.Marker({ position: n, map: t });

}

};

var r = window;

for (var l in o) r[l] = o[l];

o.__esModule && Object.defineProperty(r, "__esModule", { value: !0 });

})();

</script>

<div id="iframe-contents">

<div id="map"></div>

<!-- Async script executes immediately and must be after any DOM elements used in callback. -->

<script

src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly&channel=1"

async

></script>

</div>