Skip to content

Instantly share code, notes, and snippets.

@michaelhelmick
Created January 17, 2012 20:16
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save michaelhelmick/1628647 to your computer and use it in GitHub Desktop.
Save michaelhelmick/1628647 to your computer and use it in GitHub Desktop.
Google Map v3 API multiple markers
<script>
var infowindow = null;
var markerArray = [];
var bounds: new google.maps.LatLngBounds();
var map = new google.maps.Map(document.getElementById("map_canvas"), {zoom: 4,mapTypeId: google.maps.MapTypeId.ROADMAP});
function set_marker(lat, lng){
var position = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({map: map, position: position});
markersArray.push(marker);
bounds.extend(position);
return marker;
}
/* now inside your initialise function */
infowindow = new google.maps.InfoWindow({
content: "holding..."
});
</script>
<script>
<?php foreach($this->searchResult as $result): ?>
marker = set_marker(<?php echo $result['Latitude'];?>, <?php echo $result['Longitude']; ?>);
marker.html = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
'<div id="bodyContent">'+
'<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
'sandstone rock formation in the southern part of the '+
'Northern Territory, central Australia. It lies 335&#160;km (208&#160;mi) '+
'south west of the nearest large town, Alice Springs; 450&#160;km '+
'(280&#160;mi) by road. Kata Tjuta and Uluru are the two major '+
'features of the Uluru - Kata Tjuta National Park. Uluru is '+
'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
'Aboriginal people of the area. It has many springs, waterholes, '+
'rock caves and ancient paintings. Uluru is listed as a World '+
'Heritage Site.</p>'+
'<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
'http://en.wikipedia.org/w/index.php?title=Uluru</a> '+
'(last visited June 22, 2009).</p>'+
'</div>'+
'</div>';
marker.markerId = markersArray.length-1;
google.maps.event.addListener(marker, 'click', function (){
infowindow.setContent(this.html);
infowindow.open(map, this);
});
<?php endforeach; ?>
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment