2017-08-02 117 views
-4

我正在尝试加载启发式地图,但我想通过使用angularjs加载地图。 你可以找到openlayer例如这里https://openlayers.org/en/latest/examples/accessible.html如何将javascript转换为angularjs代码

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

js脚本

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

我如何可以加载在agularjs这个代码 请帮助

+0

的一种方式,用角'directive',并使用相同的openlayer JS代码有 –

回答

2

在非常基本的,你想要写一个指令:

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> 
+0

它不工作,我试图创建指令,但GS是在另一个JavaScript文件中定义了这个(mapgs.js)文件代码是用javascript编写的,而不是角度。 –

+0

你将不得不弄清楚,但这就是你如何将非角度代码集成到角度应用程序中。我们无法为您编写代码。 gs代码不一定是角度的。 – Strelok