2009-07-21 13 views
5

¿Hay menús contextuales disponibles para Google Maps v3?Google maps v3 - ¿Menú contextual disponible?

+0

Además de los buenos ejemplos a continuación, todavía estoy buscando una biblioteca que pueda usar, dándome encapsulado y características convenientes. Por favor, avíseme si encuentra algo como esto. –

Respuesta

-2

Ninguno todavía. Google trabajando en uno ahora.

1

pregunta Viejo pero vino en mi googlear así que pensé que iba a publicar la respuesta más simple . Es un menú contextual sin el uso de más bibliotecas js de terceros. También hay un objeto Latlon en el caso de que pueda obtener el lat/lon de donde hizo clic la persona, agregar un fabricante o lo que sea.

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 
      }); 
+0

> "sin el uso de más bibliotecas js de terceros" como si estuvieras usando Jquery en ese código. – Gerry

+0

ah cierto, déjame re-fase allí. Funciona sin bibliotecas adicionales de mapeo de terceros. – Mark