{if $haveMembers}
{foreach $members as $m}
+ // Create a marker for this member
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng({$m.lat}, {$m.lon}),
- draggable: true,
+ draggable: false,
animation: google.maps.Animation.DROP,
title: "{$m.member}",
memberID: {$m.id}
});
+ // Add a click listener for this marker
+ marker.addListener('click', function() {
+ markerSelected(this);
+ });
+
+ // Extend the map bounds to include this marker
bounds.extend(marker.position);
+
{/foreach}
{/if}
- map.fitBounds(bounds);
-
- google.maps.event.addListener(marker, 'click', function() {
+ // Marker click events - Send to detail page
+ function markerSelected(t) {
window.location.replace("{$thisURL}?action=detail&member=" + this.memberID);
- });
+ }
+ // Fit map to bounds of all markers
+ map.fitBounds(bounds);
+
});
</script>