Google maps v3 - menu Contextuel disponible?

Vous pouvez ajouter un menu contextuel, comme il est décrit ici Comment ajouter un menu contextuel sur google maps, à l'aide de l'api V3:

OriginalL'auteur user364313

Une vieille question, mais il est venu dans ma recherche sur google j'ai donc pensé que je pourrais poster la réponse la plus simple. C'est un menu contextuel sans l'utilisation de plus la 3e partie de bibliothèques js. Il y a aussi un latlon objet dans le cas où vous pouvez obtenir les coordonnées lat/lon pour le cas où la personne a cliqué, pour ajouter une cafetière ou quoi que ce soit.

var contextMenu = google.maps.event.addListener(
        map,
        "rightclick",
        function (event) {
            //use JS Dom methods to create the menu
            //use event.pixel.x and event.pixel.y 
            //to position menu at mouse position


            $('.contextmenu').remove(); //remove previous context menus
            contextmenuDir = document.createElement("div");
            contextmenuDir.className = 'contextmenu';
            //now add our options.
            contextmenuDir.innerHTML = '<a id="menu1"><div class="context">menu item 1<\/div><\/a>'
                                    + '<a id="menu2"><div class="context">menu item 2<\/div><\/a>';

            $(map.getDiv()).append(contextmenuDir);

            contextmenuDir.style.visibility = "visible";

              //might need to offset if you have moved the map div like i did (then - the pixel size off)
                $('.contextmenu').css('left', event.pixel.x ); 
                $('.contextmenu').css('top', event.pixel.y); 

                console.log(event); //log some details about the object we get
            });

OriginalL'auteur Mark