So fügen Sie eine Aktion für addDOMListener von Google Maps?

Ich will einfach nur laden, die Google Maps basiert auf dem Mouseover-Ereignis wird von verschiedenen div-element. Dafür habe ich nur verwendet die folgenden einfachen code. Dieser code funktioniert nicht, kann mir jemand sagen was für Fehler ich gemacht habe?

<script type="text/javascript">

  function initialize() {
    var mapDiv = document.getElementById('map-canvas');
    var map = new google.maps.Map(mapDiv, {
      center: new google.maps.LatLng(40.740, -74.18),
      zoom: 12,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var content = '<strong>A info window!</strong><br/>That is bound to a marker';

    var infowindow = new google.maps.InfoWindow({
      content: content
    });

    var marker = new google.maps.Marker({
      map: map,
      position: map.getCenter(),
      draggable: true
    });

    infowindow.open(map, marker);
  }

  google.maps.event.addDomListener($("#showmap"), 'mouseover', function(){ alert("Hi");});
</script>


<div id='showmap'>
  Show Map
</div>
<div id="map-canvas" style="width: 500px; height: 400px"></div>

Oben genannten einfachen alert-Funktion sich nicht nach diesem einfachen code.

InformationsquelleAutor Sadesh Kumar N | 2012-07-10

4

Den Selektor gibt die jQuery-Objekt und das erforderliche element direkt zugegriffen werden kann von der element-array mit einer [0] . Auch, machen es "addDomListenerOnce", brauchen nur einmal initialisieren.
```
$("#showmap")[0]
```
sehen Sie sich ein demo
```
google.maps.event.addDomListenerOnce($("#showmap")[0], 'mouseover', 
                                 function(){ initialize(); });
```
- Danke @MayAnne Aber ein einfacher onclick-Ereignis war auch in der Lage, die zum initialisieren der google maps. Weiß nur versucht und seine Arbeit. Wieder einmal vielen Dank für die Klärung meiner Zweifel in die Karten.event.addDomListener.
- Ich bin überrascht, ich wollte versuchen, die addDomListener mit einem Klick-listener, aber ohne die [0], und die Karte wird nicht angezeigt.
- Ich habe gerade diese <div id='showmap" onclick="initialize(1.37422,103.945,'<h2>Tampines</h2>')"> Es initialisiert die Karte mit der infobox-Fenster. Ich habe gerade versucht, mit einer Idee von javan können wir versuchen, einen Aufruf der Methode aus dem onclick und überprüfen, ob es funktioniert und zu meiner überraschung es funktionierte. Nun mein problem ist sehr leicht gelöst. Ich kann geo-Tags einer n-Anzahl von Plätzen.
- Der Teil, der geändert werden mußte bezieht sich darauf, wie bekommen wir das element aus einem jQuery-Selektor. Wir schreiben addDomListener Teil wie dieses: google.maps.event.addDomListenerOnce(document.getElementById("showmap"), 'mouseover', function(){ initialize(); }); und es wird funktionieren. Um das gleiche element mit jQuery die wir brauchen, um das element-array
InformationsquelleAutor Tina CG Hoehr

Ich habe gerade versucht über dies und das klappte auch.

Java-Script-Code:

  function initialize(lat,longit,content) {
    var mapDiv = document.getElementById('map-canvas');
    var map = new google.maps.Map(mapDiv, {
      center: new google.maps.LatLng(lat, longit),
      zoom: 14,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });


    var infowindow = new google.maps.InfoWindow({
      content: content
    });

    var marker = new google.maps.Marker({
      map: map,
      position: map.getCenter(),
      draggable: false
    });

    infowindow.open(map, marker);
  }

Html-Code:

 <div id='showmap' onclick="initialize(1.37422,103.945,'<h2>Tampines</h2>')">
  Show Map
</div>

Ich habe gerade versucht, mit einer Idee von java, können wir versuchen, einen Aufruf der Methode aus dem onclick und überprüfen, ob es funktioniert und zu meiner überraschung es funktionierte.

InformationsquelleAutor Sadesh Kumar N

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.