Google Maps API OverlayView（）がAngularJSディレクティブで動作しない

Question

mapInit（）関数がうまくいき、ディレクティブの "map"ディレクティブの名前空間に問題があります。しかし、私は私のOverlayView（）オブジェクトでエラーが発生し、それを修正することはできません。これは「カスタムオーバーレイ」のGoogleドキュメントの第一歩ですが、うまくいきません。

エラー： "に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

を使用すると、Googleマップでプレイしたいと思われます。これは、http://angular-ui.github.io/angular-google-maps/を使用すると、マップを簡単に読み込むことができます。それはマップに存在するほとんどの機能を有効にしています。