Or
google.maps.event.addListener(marker[i], 'click', function() {
map.setCenter(this.getPosition());
map.setZoom(15);
});
On Mon, Sep 20, 2010 at 11:21 AM, Chris Broadfoot <[email protected]> wrote:
> A sample page would be very helpful here.
>
> But I think the problem is - you need to wrap your event handler in a
> closure. Something like this:
>
> (function(current_position) {
> google.maps.event.addListener(marker[i], 'click', function() {
> map.setCenter(current_position);
> map.setZoom(15);
> });
> })(current_position);
>
> C
>
> On Sat, Sep 18, 2010 at 5:31 AM, Ralph <[email protected]> wrote:
>
>> I'm trying to assign a "click" event listener to multiple markers, so
>> that when I click on any of these markers the map is centered and
>> zoomed around the selected marker. The following code seems alright,
>> but leads to incorrect results. When I click on any marker the map
>> zooms into the last one that was added (Marker 3).
>>
>> Does anyone know how I can solve this? Any help will be appreciated.
>>
>> Thanks,
>> Ralph
>>
>> --- Code Starts Here ---
>>
>> function initialize() {
>>
>> var map = new google.maps.Map(document.getElementById("map_canvas"),
>> {
>> zoom: 1,
>> center: new google.maps.LatLng(0, 0),
>> mapTypeId: google.maps.MapTypeId.ROADMAP
>> });
>>
>> var myPositions = new Array(
>> new google.maps.LatLng(34.063334, -118.44695), // Marker 1
>> new google.maps.LatLng(34.102592, -118.340253), // Marker 2
>> new google.maps.LatLng(34.058603, -118.419048) // Marker 3
>> );
>>
>> var marker = new Array();
>>
>> // Create a LatLngBounds object
>> var bounds = new google.maps.LatLngBounds();
>>
>> for (var i = 0; i < myPositions.length; i++) {
>>
>> var current_position = myPositions[i];
>>
>> marker[i] = new google.maps.Marker({
>> position: myPositions[i],
>> map: map,
>> title: "Marker " + i
>> });
>>
>> google.maps.event.addListener(marker[i], 'click', function() {
>> map.setCenter(current_position);
>> map.setZoom(15);
>> });
>>
>> bounds.extend(myPositions[i]);
>>
>> }
>>
>> map.fitBounds(bounds);
>>
>> }
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Google Maps JavaScript API v3" group.
>> To post to this group, send email to
>> [email protected].
>> To unsubscribe from this group, send email to
>> [email protected]<google-maps-js-api-v3%[email protected]>
>> .
>> For more options, visit this group at
>> http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>>
>>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Maps JavaScript API v3" group.
> To post to this group, send email to
> [email protected].
> To unsubscribe from this group, send email to
> [email protected]<google-maps-js-api-v3%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
