angularjs - NgMap 错误 "could not find map"

原文 标签 angularjs google-maps ng-map

我对 Angular 还很陌生,我正在尝试用它来集成谷歌地图:https://github.com/allenhwkim/angularjs-google-maps

我遇到的问题是当我尝试使用 NgMap.getMap() 获取 map 实例时,当我 console.log NgMap.getMap 出现“找不到 map ”时。这是我的代码的样子:

部分/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);
    });
}]);

最佳答案

ng-map指令有一个 id属性,getMap函数必须使用该 id value 作为它的第一个参数。

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);
});

如需更多信息,请参阅 NgMap Provider API Reference

关于angularjs - NgMap 错误 "could not find map",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37213835/

相关文章:

android - 尝试使用自定义图标添加Marker时为NullPointer

css - 输入类型=“提交”在自定义控件中不起作用

jquery - ngmap从javascript中选择ng-repeat标记

javascript - 从$ http中获取数据到$ scope中从单独的服务文件中获取

angularjs - 语句字符串中“?”的数量与参数计数不匹配

angularjs - Angular 输入值未更改。即 oldValue == newValue

java.lang.IllegalArgumentException : Illegal character in query at index 59

javascript - 如何使用 jquery-ui-map 重新居中 map

angularjs - ng-Map在信息窗口中不显示文本

javascript - AngularJS为什么对一个 promise 使用$ q.all()?