javascriptをangularjsコードに変換する方法

Question

openlayerマップをロードしようとしていますが、anglejsを使用してマップをロードします。 あなたはここに例https://openlayers.org/en/latest/examples/accessible.html

<div id="map" style="height: 500px;"></div> 

jsのスクリプト私はあなたがディレクティブを書きたい は非常に基本的で

Answer 1

を助けてくださいagularjsでこのコードを読み込むことができますどのように

<script type="text/javascript"> 
    var g = new gs("map", { debug: true , language:'nl' }); 
    </script> 

をopenlayer見つけることができます：

angular.module('yourModule') 
    .directive('loadMap', function() { 
    return { 
     restrict: 'EA', 
     link: function ($scope, element, attrs) { 
      new gs(element, { debug: true , language:'nl' }); // if this is enough to show the map 
     } 
    } 
}); 

ヨーヨーウルテンプレート：

<div id="map" style="height: 500px;" load-map></div>