À l'aide d'écouteurs d'Événement avec ngMap

Je suis en utilisant Allenhwkim est merveilleux ngMap dans un projet. Je sais que j'ai besoin pour utiliser google Maps Javascript API v3 de manipuler la carte, qui va bien sauf que je ne peux pas avoir d'écouteurs d'événement, par exemple, $google.maps.event.addListener(markers[i], 'click', function()... de travail

Plus précisément, je suis en train de créer un événement onClick sur mes marqueurs.
Voici un exemple: http://plnkr.co/edit/HAcEfWl5LR9SGGqbcXcW?p=preview

Ici, j'essaie d'utiliser un ng-cliquez sur l'attribut sur un marqueur de la directive. Encore, je ne reçois rien. http://plnkr.co/edit/FqwNhqEgDe75il8nU0sC?p=preview

  • La personne peut-elle que downvoted cette question, veuillez expliquer pourquoi il en est ainsi? Je ne peux pas apprendre à poser les bonnes questions, à moins de vous expliquer pourquoi il le suce. Merci.
InformationsquelleAutor Jay | 2015-02-26
  1. 8

    Vous pouvez utiliser ngMap de l'INTERFACE utilisateur spécifique méthodes d'événement.

    Découvrez cette documentation: https://ngmap.github.io/events.html#/event-simple#event-simple

    aussi un exemple de code:

    HTML:

    <div ng-controller="EventSimpleCtrl" class="ng-scope">
      <map zoom="4" center="-25.363882, 131.044922" on-center-changed="centerChanged()">
        <marker position="-25.363882, 131.044922" on-click="click()" title="Click to zoom"></marker> 
      </map>
    </div>

    JavaScript:

     $scope.click = function(event) {
      map.setZoom(8);
      map.setCenter(marker.getPosition());
    }

    Exemple de code lien: http://plnkr.co/edit/mli6jTMwGE9k35GFPZT9?p=preview

    Edit:

    Vous pouvez utiliser google.maps.event.addListener, mais vous avez besoin pour créer des variables à conserver votre marqueur, et ajouter les auditeurs de marqueurs.

    Vous pouvez changer le code dans votre script.js à la suivante:

    var app = angular.module('myApp', ['ngMap']);

  app.controller('mapController', function($scope, $http, $interval) {
    var map;
    $scope.dynMarkers = [];
    $scope.$on('mapInitialized', function(event, evtMap) {
      map = evtMap;
      for (var i=0; i<1000; i++) {
        var latLng = new google.maps.LatLng(markers[i].position[0], markers[i].position[1]);
        var marker = new google.maps.Marker({position:latLng});
        $scope.dynMarkers.push(marker);

        google.maps.event.addListener(marker, 'click', function() {

            alert("this is marker " + i);
        });

      }
      $scope.markerClusterer = new MarkerClusterer(map, $scope.dynMarkers, {});
    });
  });

    Avis cette ligne var marker = new google.maps.Marker({position:latLng});
    Vous pouvez essayer ce lien: http://plnkr.co/edit/LiblBBvauGnn67xOy96D?p=preview

    • Dites-vous que je ne peut pas joindre un événement de clic sans l'aide du marqueur de la directive?
    • Je n'ai pas utiliser de marqueur de la directive dans mon édition de réponse..... voir mon lien aperçu: plnkr.co/modifier/LiblBBvauGnn67xOy96D?p=preview
    • Grâce à votre travail d'édition et de votre deuxième plunker, je vois enfin ce que j'ai fait de mal! Merci beaucoup, ztan!!
    • Pour quelqu'un d'autre face à ce problème, de nouvelles versions de ng-carte besoin d'un petit changement pour obtenir de l'instance de carte. $champ d'application.la carte est obsolète. Utilisation NgMap.getMap().ensuite(en fonction map () { ... }), au lieu de se procurer une carte de l'instance.
    InformationsquelleAutor ztan