https://github.com/elasticrash/ngx.leaflet.component

angular 2+ / leaflet 1.x component collection
https://github.com/elasticrash/ngx.leaflet.component

angular-2 angular-components leaflet library maps

Last synced: 28 days ago
JSON representation

angular 2+ / leaflet 1.x component collection

• Host: GitHub
• URL: https://github.com/elasticrash/ngx.leaflet.component
• Owner: elasticrash
• License: mit
• Created: 2016-10-19T09:53:54.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T16:52:41.000Z (almost 2 years ago)
• Last Synced: 2024-04-27T03:26:54.628Z (7 months ago)
• Topics: angular-2, angular-components, leaflet, library, maps
• Language: HTML
• Homepage: https://elasticrash.github.io/Angular.io.MapViewer/app/
• Size: 12.2 MB
• Stars: 44
• Watchers: 10
• Forks: 12
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ngx.leaflet.component

## Native Angular Components designed to be used directly on the templates without much customization

[website with examples](https://elasticrash.github.io/Angular.io.MapViewer/app/)

Old Examples

* [base example](https://elasticrash.github.io/Angular.io.MapViewer/example/)

* [multi-map example ](https://elasticrash.github.io/Angular.io.MapViewer/example/#/mm-map)

* [star map using L.CRS.Simple ](https://elasticrash.github.io/Angular.io.MapViewer/example/#/simple)

* [custom CRS using leaflet ](https://elasticrash.github.io/Angular.io.MapViewer/example/#/prj)

* [a genetic like algorithm trying to solve the Travelling salesman problem ](https://elasticrash.github.io/Angular.io.MapViewer/example/#/random)

Examples sources can be found in the following github repository [here](https://github.com/elasticrash/Angular.io.MapViewer)

Install

```terminal

npm install ngx.leaflet.components

npm install leaflet

```

USE

```javascript

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