NgMap Fehler „konnte nicht Karte finden“

Question

ich ziemlich neu bin Angular, und ich versuche, dies zu nutzen Google Maps zu integrieren: https://github.com/allenhwkim/angularjs-google-maps

Das Problem, das ich habe, ist, wenn ich versuche, die Karten Instanz zu erhalten mit NgMap.getMap() Wenn ich console.log NgMap.getMap bekomme bekomme ich "Karte konnte nicht gefunden werden". Dies ist, wie mein Code aussieht:

partials/home.html:

<h1>practice locater</h1> 
<ng-map id="map" center="[40.74, -74.18]"></ng-map> 

Javascript:

var app = angular.module('RIThym',['ngResource','ngRoute','ngMap']); 

app.config(['$routeProvider', function($routeProvider){ 
    $routeProvider 
    .when('/', { 
     templateUrl: 'partials/home.html', 
     controller: 'HomeCtrl' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}]); 

app.controller('HomeCtrl',['$scope','$resource', 'NgMap', 
function($scope, $resource, NgMap){ 
    var Locations = $resource('/api/locations'); 
    Locations.query(function(locations){ 
     $scope.locations = locations; 
    }); 

    var map = NgMap.getMap(); 
    console.log(map); 
    NgMap.getMap().then(function(map){ 
     console.log(map); 
    }); 
}]); 

Answer 1

Wenn die ng-map Richtlinie ein id Attribut hat, muss die getMap Funktion verwenden, die id Wert als erstes Argument.

HTML

<h1>practice locater</h1> 
<ng-map id="map" center="[40.74, -74.18]"></ng-map> 

JS

//DO this 
NgMap.getMap("map").then(function(map){ 
//NOT this 
//NgMap.getMap().then(function(map){ 
    console.log(map); 
}); 

Weitere Informationen finden Sie NgMap Provider API Reference