angular-mapboxgl-directive

An AngularJS directive for Mapbox GL

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
angular-mapboxgl-directive
46110.46.05 years ago6 years agoMinified + gzip package size for angular-mapboxgl-directive in KB

Readme

<img src="https://img.shields.io/npm/v/angular-mapboxgl-directive.svg" alt="version" />
<img src="https://img.shields.io/bower/v/angular-mapboxgl-directive.svg" alt="bower version" />
<img src="https://img.shields.io/cdnjs/v/angular-mapboxgl-directive.svg" alt="cdnjs version" />
<img src="https://codeclimate.com/github/Naimikan/angular-mapboxgl-directive/badges/gpa.svg" alt="codeclimate" />
<img src="https://img.shields.io/npm/l/angular-mapboxgl-directive.svg" alt="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