I wonder if theres a script that the coordinates written on the strikes.txt can be plotted at google maps automatically so that we can reviewed it where the EXACT location these strokes are. I try to sample the txt I saw on stackoverflow but it didnt work, I just want to try plotting these strokes coordinates in google maps well if Ken have a time to create something like this in the future.
<!DOCTYPE html>
<html>
<head>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="
https://maps.googleapis.com/maps/api/js?key=AIzaSyD_RofMXCFSlcxaiq7X32E3-Jybmuqgl-8&callback=initMap"></script>
<script>
function initialize() {
loadFile('strikes.txt'); // text file to read coordinates
}
function loadFile(uri) {
var r = new XMLHttpRequest();
r.open('GET', uri, true);
r.onreadystatechange = function() {
if (r.readyState == 4) {
var lines = r.responseText.split('\n');
loadMap(lines);
}
}
r.send(null);
}
function loadMap(lines) {
// Create the map.
var mapOptions = {
zoom: 9,
center: new google.maps.LatLng(14.5040,121),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(
document.getElementById('map-canvas'),
mapOptions
);
for( var i = 0; i < lines.length; i++ ) {
var segments = lines
.split('\t');
var dbm = segments[0];
var lat = segments[2];
var lng = segments[1];
// Construct the circle for each value in citymap.
// Note: We scale the population by a factor of 20.
var populationOptions = {
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: map,
center: new google.maps.LatLng(lat, lng),
radius: 280
};
// Add the circle for this city to the map.
var cityCircle = new google.maps.Circle(populationOptions);
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
