2014-06-18 2 views
3

열린 레이어의 모든 마커를 관리하는 서비스가있는 컨트롤러를 만들어야합니다.열린 레이어가있는 각도 JS

각도를 기반으로하고 개방 레이어를 사용하는 앱이 있다고 생각합니다. 그러나 실제 예제를 찾을 수 없습니다.

누군가이 접근법에 대한 좋은 예를 찾을 수 있습니까?

+2

내가 AngularJS와에 대해 아무것도 몰라,하지만 경고의 단어를 사용 마커 OpenLayers에 사용되지 않습니다, OpenLayers를 사용합니다. 대신 ExternalGraphic이있는 Feature.Vector. –

+0

여기에 체크해 보셨습니까? http://stackoverflow.com/questions/21410284/using-openlayers-with-requirejs-and-angularjs –

답변

3

방위각 프로젝트는 각도와 열린 레이어 (또는 전단)의 가장 진보 된 통합이라고 생각합니다.

하지만 ...지도를 표시하고 범위 객체의 변경 사항을 수신하여지도에 그려주는 맞춤 지시문을 만드는 것은 그리 어렵지 않습니다. 여기에 내가 내 다른 SO 문제에 대한 작성한 plukr는하지만, 기본적인지도 작성하는 방법을 보여줍니다 http://plnkr.co/edit/0tXsWS0DXtl37jV8GywI?p=preview

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

    var MAP_DOM_ELEMENT_ID = 'tchMap'; 

    return { 

     restrict: 'E', 

     replace: true, 
     template: '<div id="' + MAP_DOM_ELEMENT_ID + '" class="full-height"></div>', 

     link: function postLink(scope, element, attrs) { 
      var map = new OpenLayers.Map(MAP_DOM_ELEMENT_ID); 
      map.addLayer(new OpenLayers.Layer.OSM()); 
      map.setCenter(new OpenLayers.LonLat(3, 47).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")), 5); 
     } 
    } 

}); 

그냥 링크 기능의 범위 개체에 대한 봐야을하고 무승부 그에 따라지도.