2016-04-06 7 views
-2

ich an einem Projekt arbeite, und sie wollen die Infofenster wie folgt aussehen:Ist es möglich, mehrere InfoWindows für einen Marker in Google Maps API zu öffnen?

enter image description here

Wie ist das möglich und welche Bibliothek würden Sie empfehlen?

+0

Die Frage, die Sie für eine Markierung oder mehrere Markierungen mehrere Infofenster wäre wollen Beispiele sind hier zu finden? –

+0

Mehrere Infofenster für einen Marker – Sreinieren

+1

Ich sehe dort nur 1 Element, das ich "InfoWindow" nennen würde .... die rote Box kann über ein benutzerdefiniertes Overlay implementiert werden (zB [InfoBox] (http: // google-maps-utility- library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html)), die anderen Felder über [benutzerdefinierte Steuerelemente] (https://developers.google.com/maps/documentation/javascript/controls#CustomControls) –

Antwort

3

In Google Maps v3 ist es möglich, benutzerdefinierte Ereignislistener zu erstellen und die automatische Zentrierung zu ändern. http://you.arenot.me/2010/06/29/google-maps-api-v3-0-multiple-markers-multiple-infowindows/

Mehrere Infofenster für einen Marker (nicht getestet):

var infowindow = new google.maps.InfoWindow(); 
var infowindow2 = new google.maps.InfoWindow(); 
var marker = new google.maps.Marker({ 
    position:latLng, 
    map: map 
}); 

google.maps.event.addListener(marker, 'click', function(content){ 
    return function(){ 
    infowindow.setContent(content); 
    infowindow.open(map, this); 
    infowindow2.setContent(content+'222'); 
    infowindow2.open(map, this); 
    } 
}(content)); 
Verwandte Themen