angular-mapboxgl-directive

An AngularJS directive for Mapbox GL

Usage no npm install needed!

<script type="module">
  import angularMapboxglDirective from 'https://cdn.skypack.dev/angular-mapboxgl-directive';
</script>

README

version bower version cdnjs version codeclimate license

angular-mapboxgl-directive | Wiki

AngularJS directive for Mapbox GL

Installation

NPM

npm install angular-mapboxgl-directive --save

Bower

bower install angular-mapboxgl-directive --save

Get Started

Include the files in your index.html:

<link href="angular-mapboxgl-directive.css" rel="stylesheet" />

<script src="angular-mapboxgl-directive.min.js"></script>

Or you can include them from CDN:

<link href="https://cdnjs.cloudflare.com/ajax/libs/angular-mapboxgl-directive/X.X.X/angular-mapboxgl-directive.min.css" rel="stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-mapboxgl-directive/X.X.X/angular-mapboxgl-directive.min.js"></script>

Add mapboxgl-directive module in your AngularJS project:

var app = angular.module('YourProject', ['mapboxgl-directive']);

Usage

mapboxgl

<mapboxgl></mapboxgl>

or

<div mapboxgl></div>

mapboxglCompare

<mapboxgl-compare>
   <mapboxgl></mapboxgl>
   <mapboxgl></mapboxgl>
</mapboxgl-compare>

or

<div mapboxgl-compare>
   <div mapboxgl></div>
   <div mapboxgl></div>
</div>

Developing

Install dependencies, build the source files and preview

git clone https://github.com/Naimikan/angular-mapboxgl-directive.git
npm install & bower install
grunt & grunt preview