How to add marker(s) to Google Map using jQuery

Question

I am trying to add marker(s) to Google Map through jQuery method at this demo and this is the code which I am using:

var map;
$(document).ready(function () {
    var latlng = new google.maps.LatLng(49.241943, -122.889318);
    var myOptions = {
        zoom: 12,
        center: latlng,
        disableDefaultUI: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

google.maps.event.addListener(map, 'click', function (event) {
        marker = new google.maps.Marker({
            position: event.latLng,
            map: map,
            draggable: true,
            title: title
        });
        marker.setMap(map);
    });
});

As you can see I am using this snippet to generate markers on the map

google.maps.event.addListener(map, 'click', function (event) {
            marker = new google.maps.Marker({
                position: event.latLng,
                map: map,
                draggable: true,
                title: title
            });
            marker.setMap(map);
        });

but it is not adding any Marker(s) to the map! What am I doing wrong?

McGarnagle · Accepted Answer · 2013-12-13 23:05:01Z

1

You just need to define the variable "title". (Firebug is your friend.)

var cnt = 0;
marker = new google.maps.Marker({
            position: event.latLng,
            map: map,
            draggable: true,
            title: "test title #" + ++cnt
        });

(Fiddle)

answered Dec 13, 2013 at 23:05

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mona Coder Over a year ago

Thanks McGarnagle, Can you please also let me know how I can add a sequence of numbers for title instead of having a static string? once again thanks

McGarnagle Over a year ago

@MonaCoder sure, just define a variable and increment each time you create a marker. See my edit above.

Mona Coder Over a year ago

I really appreciate your comment and help. I am going to work on registering each markers lat and long values and displaying them on a table

Mona Coder Over a year ago

I am not sure how hard it is gonna be but I will my best :-)

Collectives™ on Stack Overflow

How to add marker(s) to Google Map using jQuery

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related