elasticrash / Ngx.leaflet.component
Licence: mit
angular 2+ / leaflet 1.x component collection
Stars: ✭ 46
Projects that are alternatives of or similar to Ngx.leaflet.component
Ui Leaflet
AngularJS directive to embed an interact with maps managed by Leaflet library
Stars: ✭ 315 (+584.78%)
Mutual labels: maps, leaflet
Django Leaflet
Use Leaflet in your Django projects
Stars: ✭ 563 (+1123.91%)
Mutual labels: maps, leaflet
Leaflet.timedimension
Add time dimension capabilities on a Leaflet map.
Stars: ✭ 329 (+615.22%)
Mutual labels: maps, leaflet
mapus
A map tool with real-time collaboration 🗺️
Stars: ✭ 2,687 (+5741.3%)
Mutual labels: maps, leaflet
Agentmaps
Make social simulations on interactive maps with Javascript! Agent-based modeling for the web.
Stars: ✭ 822 (+1686.96%)
Mutual labels: maps, leaflet
Prunecluster
Fast and realtime marker clustering for Leaflet
Stars: ✭ 473 (+928.26%)
Mutual labels: maps, leaflet
leaflet-draw-toolbar
Leaflet.toolbar for Leaflet.draw. Example: https://justinmanley.github.io/leaflet-draw-toolbar/examples/popup.html.
Stars: ✭ 55 (+19.57%)
Mutual labels: maps, leaflet
Videogular2
The HTML5 video player for Angular 2
Stars: ✭ 678 (+1373.91%)
Mutual labels: angular-components, angular-2
Leaflet Dvf
Leaflet Data Visualization Framework
Stars: ✭ 678 (+1373.91%)
Mutual labels: maps, leaflet
crisis-news-mapper
日本の災害関連ニュースをTwitterから収集して地図上にマッピングするFirebaseプロジェクト crisis.yuiseki.net
Stars: ✭ 13 (-71.74%)
Mutual labels: maps, leaflet
vaguely-rude-places
The map of Vaguely Rude Place Names
Stars: ✭ 19 (-58.7%)
Mutual labels: maps, leaflet
Angular4-seed
Angular 4 Seed for Angular Forms
Stars: ✭ 37 (-19.57%)
Mutual labels: angular-2, angular-components
Offlinemap
基于MySQL + Node.js + Leaflet的离线地图展示,支持百度、谷歌、高德、腾讯地图
Stars: ✭ 343 (+645.65%)
Mutual labels: maps, leaflet
leaflet.minichart
Leaflet.minichart is a leaflet plugin for adding to a leaflet map small animated charts
Stars: ✭ 27 (-41.3%)
Mutual labels: maps, leaflet
awesome-angular-components
This project is no longer supported.
Stars: ✭ 25 (-45.65%)
Mutual labels: angular-2, angular-components
Leku
🌍 Map location picker component for Android. Based on Google Maps. An alternative to Google Place Picker.
Stars: ✭ 612 (+1230.43%)
Mutual labels: library, maps
Leaflet
🍃 JavaScript library for mobile-friendly interactive maps
Stars: ✭ 32,591 (+70750%)
Mutual labels: maps, leaflet
ngx.leaflet.component
Native Angular Components designed to be used directly on the templates without much customization
Old Examples
- base example
- multi-map example
- star map using L.CRS.Simple
- custom CRS using leaflet
- a genetic like algorithm trying to solve the Travelling salesman problem
Examples sources can be found in the following github repository here
Install
npm install ngx.leaflet.components
npm install leaflet
USE
import { ngxLeafletModule } from 'ngx.leaflet.components';
@NgModule({
imports: [ngxLeafletModule],
})
Leaflet stylesheets are not included automatically for the time, so you need to add it yourself
for usage and basic examples check the wiki
https://github.com/elasticrash/ngx.leaflet.component/wiki
If anyone wants to help in any way feel free to do a fork and a pull request
NOTE
- angular 4/5 use for versions 1.4.2
- angular 6 use versions 2.0.0+
version 2.0.0 at the moment is not yet on npm due to not being tested properly but it can be easily be build by running
- npm run build
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].