[GoogleMapAPI]透過JSON取得地震資訊

透過USGS API取得JSON地震資訊

• USGS JSONP

建立一個<script>標籤來準備接收USGS URL 當成資料來源

• var script = document.createElement('script');

將資料來源裝入script

• script.src = 'http://earthquake.usgs.gov/earthquakes/feed/geojsonp/2.5/week';

將script tag 放入HTML中

• document.getElementsByTagName('head')[0].appendChild(script);

建立callback function 當JSON資料載入時呼叫

•  window.eqfeed_callback = function(results) {
•         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 marker = new google.maps.Marker({
•             position: latLng,
•             map: map
•           });

• result傳回USGS給予的資料

資料來源

• 北藝大網路藝術助教:謝尚偉