Capas de ejecución de CartoDB con Angular

Question

¿Alguien ha probado a añadir un Capa de ejecución de CartoDB a un folleto utilizando una Directiva Angular o angular-hoja-directiva (Folleto Biblioteca Javascript)?

He probado esto, que no arroja errores pero mi capa no se muestra. ¿Es esto un problema de ciclo de digestión?

angular.module('cartoDbDirectives', []).directive('cdbRuntime', function(){

 return {
  restrict: "A",
  scope: false,
  replace: false,

  link: function(scope, elm, attrs, controller){

    var map = L.map("mapCanvas", {
      zoom: 9,
      minZoom: 8,
      maxZoom: 19,
      center: [38.98, -75.511667], 
      zoomControl: false,
    });

    cartodb.createLayer(map, {
      user_name: 'czajk',
      type: 'cartodb',
      sublayers: [{
        sql: 'select crossing, the_geom_webmercator from crossings',
        cartocss:'#crossings{marker-fill:#ff0000;}',
        interactivity: 'crossing'
      }]
    })
    .addTo(map);
  }
 }
});

Answer 1

He descubierto que una forma de hacerlo es utilizando el API del núcleo de CartoDB . Mira este ejemplo: http://jsfiddle.net/eczajk1/ok0nseom/

Answer 2

Es realmente difícil diagnosticar tu problema sin intentar reproducirlo. ¿Te importaría montar un simple jsfiddle ¿para que podamos asistirle mejor?

El uso de una referencia codificada a un elemento está mal visto en Angular. Intenta utilizar la referencia al elemento que recibe la directiva como segundo parámetro:

var map = L.map(elm, {
   ...