Google Maps Api v3-trigger-Problem, externer link-hit-info-Fenster

Also mein code sieht wie folgt aus, mehrere Marker:

var m1 = new google.maps.Marker(
   new google.maps.LatLng(35.2602340, -93.7939480), 
   {icon:tinyIcon,bouncy:1}
);

google.maps.Event.addListener(m1, "click", function() {
   m1.openInfoWindowHtml(   
      '1<br />test,TX'
   );
});

map.addOverlay(m1);

var m2 = new google.maps.Marker(
   new google.maps.LatLng(35.2810510, -93.8246510), 
   {icon:tinyIcon,bouncy:1}
);

google.maps.Event.addListener(m2, "click", function() {
    m2.openInfoWindowHtml(
        'test<br />test,Texas'
    );
});

map.addOverlay(m2);

Wie bekomme ich diese zu arbeiten extern?

href="google.maps.Event.trigger(1, 'click');">Something</>
InformationsquelleAutor wesside | 2010-07-07
  1. 3

    Auslösen des click-Ereignisses auf eine der Markierungen, können Sie einfach tun:

    <a href="javascript:google.maps.event.trigger(m1, 'click');">Trigger Click on m1</a>

    Aber es sieht aus wie Sie haben einige weitere Probleme in Ihren code, weil Sie mischen Methoden aus der v2 API und die v3 API. Zum Beispiel, sowohl die addOverlay() und openInfoWindowHtml() Methoden existieren nicht in der v3-API.

    Damit Ihr code sollte so Aussehen wie das funktioniert mit der v3-API:

    var map = new google.maps.Map(document.getElementById("map"), {
   zoom: 11,
   center: new google.maps.LatLng(35.26, -93.80),
   mapTypeId: google.maps.MapTypeId.ROADMAP
});

//You only need one InfoWindow object
var infowindow = new google.maps.InfoWindow();

//Create the markers, and keep a reference to them
var m1 = new google.maps.Marker({
  position: new google.maps.LatLng(35.2602340, -93.7939480),
  map: map
});

var m2 = new google.maps.Marker({
  position: new google.maps.LatLng(35.2810510, -93.8246510),
  map: map
});

//Add the events listeners on the markers
google.maps.event.addListener(m1, 'click', function() {
  infowindow.setContent('1<br />test,TX');
  infowindow.open(map, m1);
});

google.maps.event.addListener(m2, 'click', function() {
  infowindow.setContent('test<br />test,Texas');
  infowindow.open(map, m2);
});
    InformationsquelleAutor Daniel Vassallo
  2. 3

    Wenn Sie sich mit einer großen Anzahl von Markern:

    var map;
var markers = []; //declared EXTERNALLY (and m1 and m2 in the examples above)

function setupMarkers() {

    var markersLayer =  new Array();
    markersLayer = [
        [52.26326, 21.673675], //marker #0
        [52.67328, 21.865789], //marker #1
        [52.34366, 21.348797]  //marker #2 etc.
    ];

    for (var i = 0; i < markersLayer.length; i++) {
    //or: for (var i in markersLayer) {
        var myLatLng = new google.maps.LatLng(markersLayer[i][0], markersLayer[i][1]);
        var marker = new google.maps.Marker({..., position: myLatLng, ...});
        google.maps.event.addListener(marker, 'click', function() {...}); 
        markers.push(marker);
    }

}

function initialize() {
    ...
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    ...
    setupMarkers();
}

function launchInfoWindow(x) {
    //window.scroll(0, 0);
    //markers[x].setMap(map);
    google.maps.event.trigger(markers[x], "click");
}

HTML:
<a href="javascript:launchInfoWindow(2);">...</a>
    • ich habe große Zahl der Marker auf meiner Karte - gibt es eine Möglichkeit, um zu schieben Sie den Marker auf einem separaten array? Wie können Sie vergeben alle Marker einer 'id' - Eigenschaft, und irgendwie 'get' durch die id? ...oder bin ich sich Gedanken über das nichts - ist es nicht viel von einer Belastung für die Ressourcen, um alle Marker zu einem array...
    InformationsquelleAutor D K
Schreibe einen Kommentar