Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ignf/geoportal-third-party-integration

Dépôt d'exemples d'intégration des API Géoportail dans des "Web Framework Front-End JS", tels que Angular, React, Ember, Meteor, ...
https://github.com/ignf/geoportal-third-party-integration

angular ember front-end-framework geoportail geoportal-access-lib geoportal-extensions-leaflet geoportal-extensions-openlayers leaflet meteor openlayers react vuejs

Last synced: 11 days ago
JSON representation

Dépôt d'exemples d'intégration des API Géoportail dans des "Web Framework Front-End JS", tels que Angular, React, Ember, Meteor, ...

Awesome Lists containing this project

README

        

# 3rd Party Integration API Geoportail

Dépôt d'exemples d'intégration des API Géoportail dans differents frameworks
type "Web Framework Front-End JS", tels que Angular, React, Ember, Meteor, Vue...

## "Web Framework Front-End JS"

> **Liens utiles**

https://github.com/collections/front-end-javascript-frameworks

https://rubygarage.org/blog/best-javascript-frameworks-for-front-end

http://blog.ippon.fr/2018/03/12/aide-au-choix-dun-framework-javascript/

_Listes des "Web Framework Front-End JS" utilisées dans les exemples :_

- React (https://reactjs.org/)
- Angular (https://angular.io/)
- Ember (https://www.emberjs.com/)
- Meteor (https://www.meteor.com/)
- VueJS (https://fr.vuejs.org/)

## API Géoportail

_Listes des API Géoportail utilisées dans les exemples :_

- Services
- Extensions
- Leaflet
- OpenLayers
- Itowns (TODO)
- SDK
- 2D (TODO)
- 3D

## Listes des exemples

* _[samples-geoportal-access-lib-ember](https://github.com/IGNF/geoportal-third-party-integration/tree/master/samples-geoportal-access-lib-ember) :_

Integration de l'API des Services avec Ember

* _[samples-geoportal-access-lib-es6-ember](https://github.com/IGNF/geoportal-third-party-integration/tree/master/samples-geoportal-access-lib-es6-ember) :_

Integration de l'API des Services (ES6) avec Ember

* _[samples-geoportal-access-lib-vuejs](https://github.com/IGNF/geoportal-third-party-integration/tree/master/samples-geoportal-access-lib-vuejs) :_

Integration de l'API des Services (ES6) avec VueJS

* _[simple-map-leaflet-meteor](https://github.com/IGNF/geoportal-third-party-integration/tree/master/simple-map-leaflet-meteor) :_

Integration de l'API des Extensions Leaflet (ES6) avec Meteor

```
// leaflet
import L from "leaflet";
import "leaflet/dist/leaflet.css";
// extensions
import { Services, LExtended } from "geoportal-extensions-leaflet";
import "geoportal-extensions-leaflet/dist/GpPluginLeaflet-src.css";
```
![Exemple Image](simple-map-leaflet-meteor/exemple.png)

* _[simple-map-leaflet-meteor-angular](https://github.com/IGNF/geoportal-third-party-integration/tree/master/simple-map-leaflet-meteor-angular) :_

Integration de l'API des Extensions Leaflet (ES6) avec Meteor/Angular
![Exemple Image](simple-map-leaflet-meteor-angular/exemple.png)

* _[simple-map-leaflet-meteor-react](https://github.com/IGNF/geoportal-third-party-integration/tree/master/simple-map-leaflet-meteor-react) :_

Integration de l'API des Extensions Leaflet (ES6) avec Meteor/React
![Exemple Image](simple-map-leaflet-meteor-react/exemple.png)

* _[simple-map-openlayers-angular](https://github.com/IGNF/geoportal-third-party-integration/tree/master/simple-map-openlayers-angular) :_

Integration de l'API des Extensions OpenLayers (ES6) avec Angular
```
import {View, Map } from 'ol';
import {Services, olExtended} from 'geoportal-extensions-openlayers';
```
![Exemple Image](simple-map-openlayers-angular/exemple.png)

* _[simple-map-openlayers-ember](https://github.com/IGNF/geoportal-third-party-integration/tree/master/simple-map-openlayers-ember) :_

Integration de l'API des Extensions OpenLayers (ES6) avec Ember
```
import {View, Map } from 'npm:ol';
import {Services, olExtended} from 'npm:geoportal-extensions-openlayers';
```
![Exemple Image](simple-map-openlayers-ember/exemple.png)

* _[simple-map-openlayers-react](https://github.com/IGNF/geoportal-third-party-integration/tree/master/simple-map-openlayers-react) :_

Integration de l'API des Extensions OpenLayers (ES6) avec React

![Exemple Image](simple-map-openlayers-react/exemple.png)

* _[simple-map-SDK3D-angular](https://github.com/IGNF/geoportal-third-party-integration/tree/master/simple-map-SDK3D-angular) :_

Integration de l'API SDK3D avec Angular
![Exemple Image](simple-map-SDK3D-angular/exemple.png)