Awesome Open Source
Awesome Open Source

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

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,552,287
Angular (12,640
Awesome (3,759
Map (3,561
Angularjs (3,275
Webgl (2,371
Mapbox (600
Bower (421
Directive (288
Mapbox Gl Js (232
Mapbox Gl (167
Related Projects