2017-02-15 8 views
1

Ich bin ein Projekt für mein Praktikum zu schaffen, und ich habe einige Flugzeuge auf einem Linienzug in Google Moving Maps as shown here.Wie Infofenster zeigen, wenn die polyine klicken

Zuerst habe ich für ein Click-Ereignis zu erforschen versuchte, wenn der Klick Pfadsymbol, aber ich konnte nichts finden, weil ich einen Marker brauche. Also dann bin ich zäh, wenn ich auf die Polylinie klicke, aber ich kann nichts finden, was richtig funktioniert und ich habe fast keine Erfahrung und darum bitte ich um Hilfe.

Ich habe 4 von ihnen und ich brauche ein Ereignis für jeden da die Infofenster wird anders sein, ich denke ...

var GRU = new google.maps.Polyline({ 
    path: [{lat: 38.771183, lng: -9.131135}, {lat: -23.6276104, lng: -46.6568016}], //Lis - GRU 
    strokeOpacity: 0.1, 
    icons: [{ 
      icon: planeSymbol, 
      offset: '0' 
     }], 
    map: map 
}); 

ich viel über jede Hilfe zu schätzen wissen werden Sie mir geben kann.

Antwort

1

Sie können Ereignis-Listener mit addListener hinzufügen:

var handlePolyClick = function(eventArgs, polyLine) { 
    // here you can handle the poly 
    alert('clicked on ' + polyLine.sometitle); 
    }; 

    google.maps.event.addListener(GRU, 'click', function(e) { 
    handlePolyClick(e, this); 
    }); 

fiddle is here Arbeiten.

P.S. Sie können Klick-Koordinaten in e.latLng Eigenschaft eines Ereignisses finden. Beispiel mit Infofenster here.

+0

Vielen Dank für Ihre Antwort !! Ja, es hat perfekt funktioniert, wie du es gezeigt hast, aber es ist nicht das, was ich will, denn es hat die Option "Diese Seite des Erstellens eines zusätzlichen Dialogs verhindern" und ich brauche etwas Glattes und in der Karte, wie ein Google Maps Infofenster. 1 weitere Zeit bin ich sehr dankbar für deine Hilfe! –

+0

Das ist einfach. Öffnen Sie es einfach durch latLng http://jsfiddle.net/ishukshin/4qzmr9ba/9/ –

+0

wow, genau das, was ich brauchte, thx viel mein Freund! : D –

Verwandte Themen