GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Naimikan → angular-mapboxgl-directive

Naimikan / angular-mapboxgl-directive

Licence: MIT License
AngularJS directive for Mapbox GL

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

angularjsmapwebglawesomeangularmapbox-glbowermapsmapbox-gl-jsdirectivemapbox

Projects that are alternatives of or similar to angular-mapboxgl-directive

Mapbox Gl Js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Stars: ✭ 8,017 (+18544.19%)
Mutual labels:  map, webgl, mapbox-gl, mapbox-gl-js, mapbox
React Map Gl
React friendly API wrapper around MapboxGL JS
Stars: ✭ 6,244 (+14420.93%)
Mutual labels:  map, webgl, mapbox-gl, mapbox-gl-js
Mapdeck
R interface to Deck.gl and Mapbox
Stars: ✭ 296 (+588.37%)
Mutual labels:  mapbox-gl, maps, mapbox-gl-js, mapbox
Mapbox Gl Native
Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node.js, and Qt applications, powered by vector tiles and OpenGL
Stars: ✭ 4,091 (+9413.95%)
Mutual labels:  map, mapbox-gl, maps, mapbox
deck.gl-time-series-widget
A React Time Slider implementation for DECK.GL - (non)temporal data - by CPU filtering ⌛
Stars: ✭ 19 (-55.81%)
Mutual labels:  mapbox-gl, maps, mapbox-gl-js, mapbox
React Map Gl
React Component Library for Mapbox GL JS
Stars: ✭ 298 (+593.02%)
Mutual labels:  map, webgl, mapbox-gl, mapbox-gl-js
react-map-gl-cluster
Urbica React Cluster Component for Mapbox GL JS
Stars: ✭ 27 (-37.21%)
Mutual labels:  map, mapbox-gl, maps, mapbox-gl-js
Mapbox Gl Native Android
Interactive, thoroughly customizable maps in native Android powered by vector tiles and OpenGL
Stars: ✭ 135 (+213.95%)
Mutual labels:  map, mapbox-gl, maps, mapbox
Editor
An open source visual editor for the 'Mapbox Style Specification'
Stars: ✭ 1,167 (+2613.95%)
Mutual labels:  mapbox-gl, maps, mapbox-gl-js
Osm Liberty
A free Mapbox GL basemap style for everyone
Stars: ✭ 231 (+437.21%)
Mutual labels:  mapbox-gl, maps, mapbox-gl-js
L7
🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis framework which relies on Mapbox GL or AMap to render basemaps.
Stars: ✭ 2,517 (+5753.49%)
Mutual labels:  map, webgl, mapbox
React Mapbox Gl
A React binding of mapbox-gl-js
Stars: ✭ 1,683 (+3813.95%)
Mutual labels:  map, mapbox-gl, mapbox-gl-js
angular-barcode
An angular directive for lindell's JsBarcode
Stars: ✭ 25 (-41.86%)
Mutual labels:  angularjs, bower, directive
Martin
Blazing fast and lightweight PostGIS vector tiles server
Stars: ✭ 540 (+1155.81%)
Mutual labels:  mapbox-gl, mapbox-gl-js, mapbox
Maps
🌍🌏🌎 The whole world fits inside your cloud!
Stars: ✭ 253 (+488.37%)
Mutual labels:  map, maps, mapbox
vue-mapbox-map
A minimalist Vue component wrapping Mapbox GL or MapLibre GL for dynamic interaction!
Stars: ✭ 26 (-39.53%)
Mutual labels:  maps, mapbox-gl-js, mapbox
Road Orientation Map
A visualization of road orientations on an interactive map
Stars: ✭ 254 (+490.7%)
Mutual labels:  maps, mapbox-gl-js, mapbox
Mappa
A canvas wrapper for Maps 🗺 🌍
Stars: ✭ 290 (+574.42%)
Mutual labels:  mapbox-gl, maps, mapbox
Openglobus
JavaScript 3d maps and geospatial data visualization engine library.
Stars: ✭ 199 (+362.79%)
Mutual labels:  map, webgl, maps
maptalks.mapboxgl
MapboxglLayer for maptalks.js
Stars: ✭ 51 (+18.6%)
Mutual labels:  mapbox-gl, mapbox-gl-js, mapbox
View All Similar Projects ➔

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].