2017-08-02 2 views
-4

Ich versuche, openlayer Karten zu laden, aber ich möchte Karte mit angularjs laden. können Sie Openlayers Beispiel hier https://openlayers.org/en/latest/examples/accessible.htmlwie man Javascript in angularjs Code konvertiert

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

js Skript

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

finden, wie ich in agularjs diesen Code laden helfen Bitte

+0

Eine Möglichkeit, Winkel 'directive' verwenden und es –

Antwort

2

Am sehr einfach Sie eine Richtlinie schreiben möchten:

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 
     } 
    } 
}); 

In yo ur Vorlage:

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

gleichen Openlayers JS-Code verwenden Sie es nicht funktioniert, habe ich versucht, die Richtlinie zu schaffen, sondern gs ist definiert in diesen in einer anderen Javascript-Datei (mapgs.js) Datei-Code ist in Javascript nicht in eckig geschrieben. –

+0

Sie müssen es herausfinden, aber so integrieren Sie nicht-eckigen Code in die eckige App. Wir können Ihren Code nicht für Sie schreiben. Der Code für 'gs' muss nicht eckig sein. – Strelok

Verwandte Themen