无法让谷歌地图数据层与角谷歌地图插件一起使用

时间:2015-09-23 19:52:01

标签: angularjs google-maps angular-google-maps

这是一个掠夺者:http://plnkr.co/edit/nXGt5U2bW8DMzLFHU0za?p=preview

我正在尝试使用ui-gmap-layer指令创建类似于https://developers.google.com/maps/documentation/javascript/examples/layer-data-quakes的数据层。

我在控制台上看到这个错误,它告诉我指令无法解析命名空间或类型。它们应该是什么?

TypeError: google.maps[this.attrs.namespace][this.attrs.type] is not a function
at f.b.module.factory.f.createGoogleLayer (angular-google-maps.min.js:7)
at f.a as createGoogleLayer
at new f (angular-google-maps.min.js:7)
at angular-google-maps.min.js:8
at processQueue (angular.js:14567)
at angular.js:14583
at Scope.parent.$get.Scope.$eval (angular.js:15846) 
at Scope.parent.$get.Scope.$digest (angular.js:15657)
at angular.js:15885
at completeOutstandingRequest (angular.js:5394)

1 个答案:

答案 0 :(得分:1)

  1. 您必须省略名称空间,Data - 图层不是visualization - 库的成员

  2. $.scope.map没有data - 属性,它包含地图的设置。您将通过onCreated - 回调的参数获得对图层的引用:

    function MockDataLayer(dataLayer) {
      $http.get('supply.json').success(function(data) {
        dataLayer.addGeoJson(data)
        dataLayer.setStyle(styleFeature);
      });
    }
    
  3. http://plnkr.co/edit/VPtdHkYrSTuisy73rJ0K?p=preview