https://github.com/elesdoar/ui-leaflet-layers

Angular UI Leaflet Layers Plugin
https://github.com/elesdoar/ui-leaflet-layers

angular js layers leaflet map mapbox-gl ui-leaflet

Last synced: 3 months ago
JSON representation

Angular UI Leaflet Layers Plugin

• Host: GitHub
• URL: https://github.com/elesdoar/ui-leaflet-layers
• Owner: elesdoar
• License: mit
• Archived: true
• Created: 2015-11-11T02:16:13.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-10-28T19:59:34.000Z (about 8 years ago)
• Last Synced: 2024-07-09T16:03:27.229Z (4 months ago)
• Topics: angular, js, layers, leaflet, map, mapbox-gl, ui-leaflet
• Language: JavaScript
• Size: 896 KB
• Stars: 13
• Watchers: 2
• Forks: 10
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ui-leaflet-layers

[![Build Status](https://travis-ci.org/elesdoar/ui-leaflet-layers.svg?branch=master)](https://travis-ci.org/elesdoar/ui-leaflet-layers)

[![dependencies Status](https://david-dm.org/elesdoar/ui-leaflet-layers/status.svg)](https://david-dm.org/elesdoar/ui-leaflet-layers)

[![devDependencies Status](https://david-dm.org/elesdoar/ui-leaflet-layers/dev-status.svg)](https://david-dm.org/elesdoar/ui-leaflet-layers?type=dev)

Angular UI Leaflet Layers Plugin, it extend layer capabilities for [ui-leaflet](http://angular-ui.github.io/ui-leaflet) layers directive.

### Supported Layers:

* [Bing](https://www.bingmapsportal.com/)

* China

* [esri-leaflet](http://esri.github.io/esri-leaflet/)

* [Google Maps](https://developers.google.com/maps/)

* HeatLayer

* [Here Maps](https://developer.here.com/lp/mapAPIs)

* [MapboxGL](https://github.com/mapbox/mapbox-gl-leaflet)

* [Mapbox](http://mapbox.com/)

* MarkerCluster

* Yandex

* WebGLHeatMapLayer

* UTFGrid

* WFS

### Coming Soon:

* [CartoDB](http://cartodb.com/)

### MapboxGL Example

**Controller:**

```js

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:**

```html

```