From GamingWiki
| (59 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | <includeonly> | ||
| + | </includeonly> | ||
<html> | <html> | ||
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | ||
| Line 15: | Line 17: | ||
// Initialization | // Initialization | ||
| + | |||
| + | var geocoder; | ||
| + | var map; | ||
| + | var infowindow; | ||
| + | var markers = new Array(); | ||
function initialize() { | function initialize() { | ||
| Line 23: | Line 30: | ||
mapTypeId: google.maps.MapTypeId.ROADMAP | mapTypeId: google.maps.MapTypeId.ROADMAP | ||
} | } | ||
| − | + | geocoder = new google.maps.Geocoder(); | |
| − | + | infowindow = new google.maps.InfoWindow({maxWidth: 256}); | |
| − | + | map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); | |
| + | getMarkerList(); | ||
} | } | ||
| − | + | // Initialize on page load | |
| − | function | + | google.maps.event.addDomListener(window, 'load', initialize); |
| − | var | + | |
| − | + | /** | |
| − | + | * Add a marker to the map | |
| − | + | */ | |
| + | function addMarker(latlng, title, descId) { | ||
| + | var marker = new google.maps.Marker({position:latlng, map: map, title:title}); | ||
| + | google.maps.event.addListener(marker, "click", function() { | ||
| + | infowindow.setContent(document.getElementById(descId).innerHTML); | ||
| + | infowindow.open(map,marker); | ||
| + | }); | ||
| + | } | ||
| + | /** | ||
| + | * Add a marker with a lat/lng pair | ||
| + | */ | ||
| + | function addMarkerByLatLng(lat, lng, title, descId) { | ||
| + | var latlng = new google.maps.LatLng(lat, lng); | ||
| + | addMarker(latlng, title, descId); | ||
} | } | ||
| − | |||
| − | + | /** | |
| − | + | * Add markers by address | |
| − | */ | + | */ |
| − | + | function addMarkerByAddress(address, title, descId) { | |
| − | + | if (geocoder) { | |
| − | + | geocoder.geocode({'address':address}, function(results, status) { | |
| − | + | if (status == google.maps.GeocoderStatus.OK) { | |
| − | + | var latlng = results[0].geometry.location; | |
| − | + | addMarker(latlng, title, descId); | |
| + | } else { | ||
| + | alert(address + " not found: "+results[0]+"; "+status); | ||
| + | } | ||
}); | }); | ||
| − | + | } | |
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 55: | Line 75: | ||
* Set up the various locations in Ghost Town, to be placed on the map. | * Set up the various locations in Ghost Town, to be placed on the map. | ||
*/ | */ | ||
| − | function getMarkerList( | + | function getMarkerList() { |
| − | + | for ( i = 0; i < markers.length; i++ ) { | |
| − | + | marker = markers[i]; | |
| − | + | if (typeof marker['address'] === 'undefined' || marker['address'] == '') { | |
| − | + | addMarkerByLatLng(marker['lat'], marker['lng'], marker['name'], marker['node']); | |
| − | + | } else { | |
| − | + | addMarkerByAddress(marker['address'], marker['name'], marker['node']); | |
| − | + | } | |
| − | + | } | |
| − | |||
| − | ) | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
// --></script> | // --></script> | ||
</html> | </html> | ||
Latest revision as of 17:55, 17 March 2011