Map Marker Titles

Edit Subject

Hi Leon,

Here is how to do it with JS code in marker constructor:

        var marker = new google.maps.Marker({

            position: new google.maps.LatLng(49, 49),

            map: map,

            draggable: true,


            //Here is how to add title to the marker.

            title: "title custom text"

        });

Regards.

Hi Leon,

For these goals you need to use JS closures.

Here is code example of what you need:

    //Were "multiGoogleMap" is map component name.

    var map = Appery("multiGoogleMap").options.mapElement.gmap('get', 'map');


	//Create infowindow.    

    var infowindow = new google.maps.InfoWindow({

        content: 'test content',

        maxWidth: 320

    });


    var CreateMarker = function(data){

        var marker = new google.maps.Marker({

            position: new google.maps.LatLng(data.lat, data.long),

            map: map,

            draggable: true,


            icon: "http://i.imgur.com/QtWkT.png",


            title: data.location

        });


        //Add event handler and open infoWindow

        google.maps.event.addListener(marker, 'click', function() {


            //Set content for infowindow.

            infowindow.setContent('Content of + ' + data.location + '');


            //Open infowindow.

            infowindow.open(map, marker);

        });

    };


    for (var i = 0; i < locationHelper.aLocations.length; i++)

        //In this function you should to pass latitude, longitude and text to display in infowindow.

        CreateMarker({lat: locationHelper.aLocations[i][0], long: locationHelper.aLocations[i][1], location:  locationHelper.aLocations[i][2]});

Regards.

Hi Yuri,

Thanks for the code. I know how to create the script but have no idea as to how to link it to my map so it actually works - will I need to create a new event in the data section on the page my map is located on?

Hi Leon,

It very depends on what you want to implement.

For example if you have some service, result of from you willing to populate markers - you can add "success" event handler for your service datasource.

Also you can add "page load" event handler if you want to populate markers from static(constant) data.

If you need more details you should provide us screen shots with your ui and describe them.

Regards.

These locations are generated from my REST service, I want windows to appear when each location is clicked / tapped so I can put some information about them.