Posted By

Zedley on 03/16/11

Tagged

Versions (?)

Last Edited at 03/16/11 05:41am

Statistics

Viewed 563 times

Favorited by 0 user(s)

Related snippets

Google Maps w/ multiple infoWindows

/ Published in: JavaScript

Highlighted TextExpand

<div id="gloveMap" style="height:400px;width:320px;display:block;">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
	function mapIt(){

var latlng = new google.maps.LatLng(36.728058, -108.218686);
    	var myOptions = {
    		zoom: 11,
      		center: latlng,
      		mapTypeId: google.maps.MapTypeId.ROADMAP,
		}
		var map = new google.maps.Map(document.getElementById('gloveMap'), myOptions);
		setMarkers(map, places);
	}

var places = [
			['Station 1', 36.732281, -108.211212],
			['Station 2',36.764225,-108.148329],
			['Station 3',36.738504,-108.229113],
			['Station 4',36.723368,-108.168837],
			['Station 5',36.75534,-108.197532],
			['Station 6',36.734918,-108.249559],
			['The Daily Times',36.730449,-108.206899],
	];
	
	var popUps = [
		'Farmington Fire Station 1 301 N. Auburn',
		'Farmington Fire Station 2 3800 English Road',
		'Farmington Fire Station 3 1401 W. Navajo',
		'Farmington Fire Station 4 790 S. Hutton',		
		'Farmington Fire Station 5 609 E. 30th',		
		'Farmington Fire Station 6 3101 W. Main',
		'The Daily Times 301 N. Allen'
		]

var infowindow;
	function setMarkers(map, locations) {

for (var i = 0; i < places.length; i++) {
			var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]);
			var marker = new google.maps.Marker({
				position: myLatLng,
				map: map,	
				title: locations[i][0],
			});
			(function(i, marker) {
				google.maps.event.addListener(marker,'click',function() {
					if (!infowindow) {
						infowindow = new google.maps.InfoWindow();
					}
					infowindow.setContent(popUps[i]);
				infowindow.open(map, marker);
				});
			})(i, marker);
		 }
	};
	mapIt();

URL: daily-times.com/glovewithlove

Report this snippet Tweet