ui-leaflet-layers

Angular UI Leaflet Layers Plugin, it extend layer capabilities for ui-leaflet layers directive.

Supported Layers:

• Bing
• China
• esri-leaflet
• Google Maps
• HeatLayer
• Here Maps
• MapboxGL
• Mapbox
• MarkerCluster
• Yandex
• WebGLHeatMapLayer
• UTFGrid
• WFS

Coming Soon:

• CartoDB

MapboxGL Example

Controller:

angular.extend($scope, {
  center: {
    lat: 38.91275,
    lng: -77.032194,
    zoom: 15
  },
  layers: {
    baselayers: {
      mapboxGlLayer: {
        name: 'Sample',
        type: 'mapboxGL',
        layerOptions: {
          accessToken: [token],
          style: 'mapbox://styles/mapbox/streets-v8'
        }
      }
    },
    overlays: {}
  }
})

HTML:

<leaflet lf-center="center" layers="layers" height="480px" width="100%"></leaflet>