On Jun 29, 4:06 am, Behestee <[email protected]> wrote:
> First of all its a solution. and dynamic means the marker will set
> from the array which can carry any value. here for example i have
> added this array:  var locations = [
>                   ['Bondi Beach', -33.890542, 151.274856],
>                   ['Coogee Beach', -33.923036, 151.259052],
>                   ['Cronulla Beach', -34.028249, 151.157507],
>                   ['Manly Beach', -33.80010128657071,
> 151.28747820854187],
>                   ['Maroubra Beach', -33.950198, 151.259302]
>                 ];
> but its content will dynamically assigned by the system on request.

You mean like this?
http://www.geocodezip.com/v3_markers_infowindows.html

  -- Larry

>
> On May 12, 4:11 am, Daniels Lee™ <[email protected]> wrote:
>
>
>
> > Hey Behestee,
>
> > I'm not sure if this is a question or a solution.  Also, what do you mean by
> > dynamic or multiple marker?
>
> > Thanks,
>
> > Dann
>
> > On Fri, May 7, 2010 at 5:44 AM, Behestee <[email protected]> wrote:
> > > How can add infoWindow for dyanamic and multiple maker? i have try in
> > > lots of way but at last I invent a solution as given below:
>
> > > function initialize()
> > > {
>
> > >                 var locations = [
> > >                  ['Bondi Beach', -33.890542, 151.274856],
> > >                  ['Coogee Beach', -33.923036, 151.259052],
> > >                  ['Cronulla Beach', -34.028249, 151.157507],
> > >                  ['Manly Beach', -33.80010128657071, 151.28747820854187],
> > >                  ['Maroubra Beach', -33.950198, 151.259302]
> > >                ];
>
> > >                var latlng = new google.maps.LatLng(-33.890542, 
> > > 151.274856);
>
> > >                var settings = {
> > >                                zoom: 10,
> > >                                center: latlng,
> > >                                mapTypeControl: true,
> > >                                mapTypeControlOptions: {style:
> > > google.maps.MapTypeControlStyle.DROPDOWN_MENU},
> > >                                navigationControl: true,
> > >                                navigationControlOptions: {style:
> > > google.maps.NavigationControlStyle.SMALL},
> > >                                mapTypeId: google.maps.MapTypeId.ROADMAP
> > >                }
> > >                var map = new
> > > google.maps.Map(document.getElementById("mapContainer"), settings); //
> > > div id diplay map
>
> > >                var companyLogo = new 
> > > google.maps.MarkerImage("parking.png",
> > >                        new google.maps.Size(100,50),
> > >                        new google.maps.Point(0,0),
> > >                        new google.maps.Point(50,50)
> > >                );
> > >                var companyShadow = new
> > > google.maps.MarkerImage("parking_shadow.png",
> > >                        new google.maps.Size(130,50),
> > >                        new google.maps.Point(0,0),
> > >                        new google.maps.Point(65, 50)
> > >                );
> > >                var companyMarker=[];
> > >                var infowindow=[];
> > >                var loc=null;
> > >                var myLatLng=null;
> > >                for(var i = 0; i < locations.length; i++){
>
> > >                        loc = locations[i];
> > >                        myLatLng = new google.maps.LatLng(loc[1], loc[2]);
> > >                        eval("var companyMarker"+i+" = new
> > > google.maps.Marker({ position:
> > > myLatLng,       map: map, icon: companyLogo, shadow: companyShadow,
> > > title:loc[0],zIndex: i});");
> > >                }
> > >                var a=[];
> > >                for(i=0;i< locations.length; i++){
>
> > >  google.maps.event.addListener(eval("companyMarker"+i), 'click',
> > > function() {
> > >                                var ind = $(this).attr('z-index');
> > >                                if (infowindow[ind])
> > > infowindow[ind].close();
> > >                                eval("var infowindow"+ind+" = new
> > > google.maps.InfoWindow({content:
> > > locations[ind][0]});");
> > >                                eval("infowindow"+ind).open(map,
> > > eval("companyMarker"+ind));
> > >                        });
> > >                }
> > > }
>
> > > $(document).ready( function () {
> > >        initialize();
> > > });
>
> > > --
> > > 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%2b­[email protected]>
> > > .
> > > For more options, visit this group at
> > >http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>
> > --
> > Daniels Lee
> > Developer Programs Engineer
> > Google, Inc.
> > 345 Spear Street
> > San Francisco, CA 94105
> > 650 253 0967
>
> > --
> > 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 
> > athttp://groups.google.com/group/google-maps-js-api-v3?hl=en.- Hide quoted 
> > text -
>
> - Show quoted text -

-- 
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.

Reply via email to