Google Maps API OverlayView（）在AngularJS指令中不起作用

Question

现在我的指令“map”中的命名空间有问题，因为mapInit（）函数做得很好。但是我的OverlayView（）对象出现错误，无法修复它。这只是“自定义覆盖”的谷歌文档的第一步，但它不起作用。

错误： “的ReferenceError：MapSymbol没有定义”

app.directive('map', function() { 


var linkFunction = function(scope, element, attrs) { 

    MapSymbol.prototype = new google.maps.OverlayView(); 

    var map; 
    function initMap() { 
     map = new google.maps.Map($('#map')[0], { 
      center: {lat: -34.397, lng: 150.644}, 
      zoom: 3 
    }); 
    } 

    initMap(); 
}; 


return { 
    link: linkFunction, 
    templateUrl: 'app/templates/map.html' 
};}); 

Answer 1

似乎想要与谷歌地图玩。你可以使用这个http://angular-ui.github.io/angular-google-maps/更容易加载角度的地图。它具有地图中存在的大部分功能。