Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function load() {
- var map = new google.maps.Map(document.getElementById("map"), {
- // center: new google.maps.LatLng(38.548165,-96.416016),
- // center: new google.maps.LatLng(35.65897,-101.390762),
- center: new google.maps.LatLng(35.738222,-101.493545),
- zoom: 15,
- mapTypeId: 'roadmap'
- });
- var infoWindow = new google.maps.InfoWindow;
- // Change this depending on the name of your PHP file
- downloadUrl("10same.xml", function(data) {
- var xml = data.responseXML;
- var markers = xml.documentElement.getElementsByTagName("marker");
- for (var i = 0; i < markers.length; i++) {
- var city = markers[i].getAttribute("city");
- var fullstate = markers[i].getAttribute("fullstate");
- var zip = markers[i].getAttribute("zip");
- var point = new google.maps.LatLng(
- parseFloat(markers[i].getAttribute("latitude")),
- parseFloat(markers[i].getAttribute("longitude")));
- //================================================================
- // The var point above renders the marker in their locations.
- // If I comment it out, I found I can also render them with:
- // realLat = markers[i].getAttribute("latitude");
- // realLon = markers[i].getAttribute("longitude");
- // var point = new google.maps.LatLng(realLat, realLon);
- //================================================================
- var html = "<b>" + city + "</b> <br/>" + fullstate;
- var icon = customIcons[fullstate] || {};
- var marker = new google.maps.Marker({
- map: map,
- position: point,
- icon: icon.icon,
- shadow: icon.shadow
- });
- bindInfoWindow(marker, map, infoWindow, html);
- }
- });
- }
- function bindInfoWindow(marker, map, infoWindow, html) {
- google.maps.event.addListener(marker, 'click', function() {
- infoWindow.setContent(html);
- infoWindow.open(map, marker);
- });
- }
- function downloadUrl(url, callback) {
- var request = window.ActiveXObject ?
- new ActiveXObject('Microsoft.XMLHTTP') :
- new XMLHttpRequest;
- request.onreadystatechange = function() {
- if (request.readyState == 4) {
- request.onreadystatechange = doNothing;
- callback(request, request.status);
- }
- };
- request.open('GET', url, true);
- request.send(null);
- }
- function doNothing() {}
Add Comment
Please, Sign In to add comment