<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map-canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?v=3&sensor=false">
</script>
<script type="text/javascript">
function addMarkers(map) {
var locations=[{name: "Silent Jay", lat: 40.5795, lng: -74.4114},
{name: "Icy", lat: 40.453, lng: -74.477},
{name: "JeremyKO", lat: 41.4768, lng: -74.0236},
{name: "Chemist4Hire", lat: 40.820, lng: -74.365},
{name: "RapZiLLa54", lat: 40.681, lng: -73.434},
{name: "BlackBryan, Josh Owens", lat: 40.1574, lng: -76.3069},
{name: "Groove Heaven", lat: 41.7478, lng: -74.0866},
{name: "Ronald Rogan", lat: 40.7448, lng: -73.9485},
{name: "Mikemetroid, Ray Riazy", lat: 40.286, lng: -76.650},
{name: "Riyo", lat: 40.728, lng: -74.078},
{name: "Flexo", lat: 40.837, lng: -73.865},
{name: "Whitefox", lat: 40.2457, lng: -75.6498},
{name: "DarthArma", lat: 40.859, lng: -74.164},
{name: "Zyphox", lat: 40.608, lng: -75.491},
{name: "StevoSupremo", lat: 40.540, lng: -74.466},
{name: "Chongo", lat: 39.8677, lng: -75.0944},
{name: "Akromaniac27", lat: 40.7113, lng: -73.7625},
{name: "HellblazerHawkman", lat: 39.6429, lng: -74.1802},
{name: "CURBOLICIOUS, DanCock", lat: 43.160436, lng: -77.617533},
{name: "n9195v", lat: 40.8669401, lng: -75.2087366},
{name: "reythegreat", lat: 40.0399754, lng: -76.300349},
{name: "jaepeso170", lat: 40.1575895, lng: -74.8548155},
{name: "Deathfromabove111", lat: 39.906769, lng: -74.9958769},
{name: "TheFourLetterNerd", lat: 40.2497165, lng: -75.2390258},
{name: "ROCKYjaysZone", lat: 42.6681399, lng: -73.8113997},
{name: "proto3296", lat: 40.8793905, lng: -73.0057859},
{name: "CJMxxx", lat: 40.2821445, lng:-76.8804255},
{name: "MikeandIke12, Lt. Box", lat: 39.9499609, lng:-74.992988},
{name: "ScarsUnseen", lat: 40.7178745, lng: -74.0718356}]
locations.sort(function(a,b) { return b.lat - a.lat })
for (var i = 0; i < locations.length; i++)
{
var marker = new google.maps.Marker({
position: locations[i],
map: map,
title: locations[i].name,
zIndex: i
});
}
var venues = [{name: "8 on the Break", lat: 40.59149, lng: -74.4639 },
{name: "Hostile Takeover", lat: 41.45479, lng: -74.05969},
{name: "Clarkson's Corner", lat: 40.989315, lng: -73.7776325},
{name: "The Arena", lat: 40.7226058, lng:-73.3577142},
{name: "Next Level", lat: 40.646326, lng: -73.997942},
{name: "GandyMan @ GameStop", lat: 40.7599141, lng: -73.9185724}]
for (var i = 0; i < venues.length; i++)
{
var marker = new google.maps.Marker({
position: venues[i],
map: map,
title: venues[i].name,
icon: "http://maps.google.com/mapfiles/ms/icons/green-dot.png",
zIndex: locations.length + i
});
}
}
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(40.5795, -74.4114),
zoom: 8
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
addMarkers(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"/>
</body>
</html>
)...
