无法获取 google 地图数据层以与 angular google 地图插件一起使用

Question

这是一个笨蛋：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)

Answer 1

你必须省略命名空间，Data-Layer 不是 visualization-library

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

function MockDataLayer(dataLayer) {
  $http.get('supply.json').success(function(data) {
    dataLayer.addGeoJson(data)
    dataLayer.setStyle(styleFeature);
  });
}

http://plnkr.co/edit/VPtdHkYrSTuisy73rJ0K?p=preview

无法获取 google 地图数据层以与 angular google 地图插件一起使用

Unable to get google maps data layer to work with angular google map plugin

google-maps

angularjs

angular-google-maps