RxMap
说明： RxMap是地图库的包装器，用于功能性、 React性和可观察编程的用户。，
(RxMap is a Wrapper for maps libraries, for user that functional, reactive and observable programing.,)
(RxMap is a Wrapper for maps libraries, for user that functional, reactive and observable programing.,)
文件列表:
.babelrc (1627, 2018-11-07)
.editorconfig (261, 2018-11-07)
.esdoc.json (1790, 2018-11-07)
.eslintignore (59, 2018-11-07)
.eslintrc.json (449, 2018-11-07)
.nycrc (282, 2018-11-07)
.travis.yml (444, 2018-11-07)
.vscode/ (0, 2018-11-07)
.vscode/launch.json (1433, 2018-11-07)
.vscode/settings.json (227, 2018-11-07)
LICENSE (35128, 2018-11-07)
docs/ (0, 2018-11-07)
docs/_config.yml (27, 2018-11-07)
docs/ast/ (0, 2018-11-07)
docs/ast/source/ (0, 2018-11-07)
docs/ast/source/lib.js.json (79148, 2018-11-07)
docs/ast/source/lib/ (0, 2018-11-07)
docs/ast/source/lib/actions/ (0, 2018-11-07)
docs/ast/source/lib/actions/common/ (0, 2018-11-07)
docs/ast/source/lib/actions/common/addData.js.json (288914, 2018-11-07)
docs/ast/source/lib/actions/google@latest/ (0, 2018-11-07)
docs/ast/source/lib/actions/google@latest/addData.js.json (18086, 2018-11-07)
docs/ast/source/lib/actions/google@latest/create.js.json (105776, 2018-11-07)
docs/ast/source/lib/actions/google@latest/marker.js.json (269049, 2018-11-07)
docs/ast/source/lib/actions/google@latest/point.js.json (231660, 2018-11-07)
docs/ast/source/lib/actions/google@latest/popup.js.json (331710, 2018-11-07)
docs/ast/source/lib/actions/google@latest/setCenter.js.json (157994, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/ (0, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/addData.js.json (18086, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/create.js.json (108942, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/marker.js.json (248472, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/point.js.json (130274, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/popup.js.json (163140, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/setCenter.js.json (141961, 2018-11-07)
docs/ast/source/lib/commands/ (0, 2018-11-07)
docs/ast/source/lib/commands/common/ (0, 2018-11-07)
docs/ast/source/lib/commands/common/addData.js.json (290758, 2018-11-07)
docs/ast/source/lib/commands/google@latest/ (0, 2018-11-07)
... ...
.editorconfig (261, 2018-11-07)
.esdoc.json (1790, 2018-11-07)
.eslintignore (59, 2018-11-07)
.eslintrc.json (449, 2018-11-07)
.nycrc (282, 2018-11-07)
.travis.yml (444, 2018-11-07)
.vscode/ (0, 2018-11-07)
.vscode/launch.json (1433, 2018-11-07)
.vscode/settings.json (227, 2018-11-07)
LICENSE (35128, 2018-11-07)
docs/ (0, 2018-11-07)
docs/_config.yml (27, 2018-11-07)
docs/ast/ (0, 2018-11-07)
docs/ast/source/ (0, 2018-11-07)
docs/ast/source/lib.js.json (79148, 2018-11-07)
docs/ast/source/lib/ (0, 2018-11-07)
docs/ast/source/lib/actions/ (0, 2018-11-07)
docs/ast/source/lib/actions/common/ (0, 2018-11-07)
docs/ast/source/lib/actions/common/addData.js.json (288914, 2018-11-07)
docs/ast/source/lib/actions/google@latest/ (0, 2018-11-07)
docs/ast/source/lib/actions/google@latest/addData.js.json (18086, 2018-11-07)
docs/ast/source/lib/actions/google@latest/create.js.json (105776, 2018-11-07)
docs/ast/source/lib/actions/google@latest/marker.js.json (269049, 2018-11-07)
docs/ast/source/lib/actions/google@latest/point.js.json (231660, 2018-11-07)
docs/ast/source/lib/actions/google@latest/popup.js.json (331710, 2018-11-07)
docs/ast/source/lib/actions/google@latest/setCenter.js.json (157994, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/ (0, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/addData.js.json (18086, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/create.js.json (108942, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/marker.js.json (248472, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/point.js.json (130274, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/popup.js.json (163140, 2018-11-07)
docs/ast/source/lib/actions/leaflet@latest/setCenter.js.json (141961, 2018-11-07)
docs/ast/source/lib/commands/ (0, 2018-11-07)
docs/ast/source/lib/commands/common/ (0, 2018-11-07)
docs/ast/source/lib/commands/common/addData.js.json (290758, 2018-11-07)
docs/ast/source/lib/commands/google@latest/ (0, 2018-11-07)
... ...
# [
](https://xlab.tech) RxMap
[](https://travis-ci.org/xlab-tech/RxMap)
[](https://www.codacy.com/project/xlab/RxMap/dashboard?utm_source=github.com&utm_medium=referral&utm_content=xlab-tech/RxMap&utm_campaign=Badge_Grade_Dashboard)
[](https://coveralls.io/github/xlab-tech/RxMap?branch=master)
[](https://david-dm.org/xlab-tech/RxMap)
[](https://david-dm.org/xlab-tech/RxMap?type=dev)
[](https://github.com/airbnb/javascript)
[](https://github.com/xlab-tech/RxMap/blob/master/LICENSE)
[](https://xlab.tech)
[
](https://join.slack.com/t/xlab-tech/shared_invite/enQtNDIwMzg1MTA2NjA5LTljZWNkZjliNjhhNTc4MTQ0OWVkNTAwMTE0NmU2YTllYTE5YzllZjM2NTQ1ZmNkMDRmMGI0NWE0NGRiZGIxNmE)
RxMap es una "Wrapper" para las librerías de mapas que aade programación funcional y reactiva usando observables([RxJs](https://github.com/ReactiveX/rxjs)) , permite fácilmente anidar llamadas asyncronas , permite disponer de diferentes libreras de mapas con la misma interfaz y incluye la opcion de trabajar offline.
RxMap no sustituye al visor sino que aade a los visores actuales una capa adicional para poder mejorar el mantenimiento de tus proyectos. Y aade funcionalidades adicionales para mejorar la performance y la escalabilidad de tu código.
RxMap se basa en tres conceptos acciones , observadores y funciones para organizar tu código en pequeos bloques. Y también te permite escribir middlewares para desacoplar mejor tu código.
De facto incluye observables sobre las acciones y un store obsevable, para poder observar los cambios sobre datos que guardes.
RxMap aade una capa de abstracción sobre las librerías de mapas, esta diseada para desacoplarte y evitarte tener que actualizar tu código con cada cambio de librerías o utilizar una mapa diferente según el entorno. Podrás centrarte en desarrollar tus funcionalidades.
RxMap te permite cargar el código en diferido cuando la utilizas para mejorar los tiempos de carga, es recomendable desplegarlo en http2.
## Ventajas
* Cargar en diferido de las acciones y los observadores (Lazy Loader).
* Trabajar con observadores. (RxJs).
* Trabajar de manara asyncrona.
* Programación funcional.
* Store Observable.
* Trabaja con multiples mapas, sin cambiar tu código.
* Reutilización de código entre diferentes proyectos.
* Offline
## Instalación
### NPM
```
Npm install @rxmap\rxmap —save
```
### CDN
```
```
## Como utilizarla
Lo ideal es tener las acciones y los observadores en librerías externas, lo primero seria registrar estas librerías para poder utilizarlas
```
import rxLib from '@rxmap/basiclib';
registerLib(...rxLib);
```
Una vez registradas las librerías o las acciones a utilizar. Lo primero es cargar el mapa que se quiera utilizar
Y después ya se pueden invocar las acciones o observadores a utilizar.
```
import { RxMap } from ‘@rxmap/rxmap’;
await RxMap.load(‘leaflet’);
RxMap.create(‘mapId’,2.45,41.56,10);
RxMap.marker(2.45,41.56).popup(‘hello’);
```
O para versión de CDN.
```
R.RxMap.load(‘leaflet’);
R.RxMap.create(‘mapId’,2.45,41.56,10);
R.RxMap.marker(2.45,41.56).popup(‘hello’);
```
La primera acción que se tiene que invocar debe devolver el mapa inicial inicializado, normalmente esta acción se llama ‘create’ y debe ser sincrona, es decir no devolver una promesa. Es recomendable no anidar las llamadas a create, sino volver a hacer llamadas sobre RxMap, como se observa en los ejemplos anteriores.
## Documentación
Puedes encontrar más Documentación aquí:
* [Overview](https://xlab-tech.github.io/RxMap/manual/overview.html)
* [Instalar](https://xlab-tech.github.io/RxMap/manual/install.html)
* [Como Utilizar](https://xlab-tech.github.io/RxMap/manual/howItWorks.html)
* [Acciones](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#acciones)
* [Funciones](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#funciones)
* [Observadores](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#observadores)
* [Librerías](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#librerías)
* [Middlewares](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#middlewares)
* [Observar acciones](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#observar-acciones)
* [Store](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#store-observable)
* [Como crear](https://xlab-tech.github.io/RxMap/manual/make.html)
* [Acciones](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-acciones)
* [Funciones](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-funciones)
* [Observadores](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-observadores)
* [Middlewares](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-un-middleware)
* [Librería](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-una-libreria)
* [Build](https://xlab-tech.github.io/RxMap/manual/build.html)
# Examples
# Librerias
Librerías para aadir acciones y observadores:
* [RxMapBasicLib](https://github.com/xlab-tech/RxMapBasicLib)
* ..
Para aadir una nueva librería enviar un mail a rxmap@xlab.tech o realiza un pullRequest de la documentación con la libreria aadida.
Para hacer un PullRequest:
* Haz un fork del repositorio.
* Haz commit y push de los cambios en tu reposition.
* Crear un PullRequest .
# Mapas Soportados
* [google](https://cloud.google.com/maps-platform/)
* [leaflet](https://leafletjs.com/)
* [mapbox](https://www.mapbox.com/)
* [ol](https://openlayers.org/)
* [esri](https://developers.arcgis.com/javascript/)
* [carto](https://carto.com/)
# Offline
El offline funciona a través de un serviceWorker que se encarga de cachear todas las peticiones para que posteriormente puedas acceder a ellas sin cobertura.
Para poder trabajar offline hay que incluir el fichero sw.js en la misma ruta donde
esta RxMap.
El fichero sw.js debe incluir esta linea
```
importScripts('https://unpkg.com/@rxmap/offlinestorage@0.4.0/dist/esm/offline-sw.js')
````
para poder activar al serviceWorker que se encargara de cachear las peticiones.
](https://xlab.tech) RxMap
[](https://travis-ci.org/xlab-tech/RxMap)
[](https://www.codacy.com/project/xlab/RxMap/dashboard?utm_source=github.com&utm_medium=referral&utm_content=xlab-tech/RxMap&utm_campaign=Badge_Grade_Dashboard)
[](https://coveralls.io/github/xlab-tech/RxMap?branch=master)
[](https://david-dm.org/xlab-tech/RxMap)
[](https://david-dm.org/xlab-tech/RxMap?type=dev)
[](https://github.com/airbnb/javascript)
[](https://github.com/xlab-tech/RxMap/blob/master/LICENSE)
[](https://xlab.tech)
[](https://join.slack.com/t/xlab-tech/shared_invite/enQtNDIwMzg1MTA2NjA5LTljZWNkZjliNjhhNTc4MTQ0OWVkNTAwMTE0NmU2YTllYTE5YzllZjM2NTQ1ZmNkMDRmMGI0NWE0NGRiZGIxNmE)
RxMap es una "Wrapper" para las librerías de mapas que aade programación funcional y reactiva usando observables([RxJs](https://github.com/ReactiveX/rxjs)) , permite fácilmente anidar llamadas asyncronas , permite disponer de diferentes libreras de mapas con la misma interfaz y incluye la opcion de trabajar offline.
RxMap no sustituye al visor sino que aade a los visores actuales una capa adicional para poder mejorar el mantenimiento de tus proyectos. Y aade funcionalidades adicionales para mejorar la performance y la escalabilidad de tu código.
RxMap se basa en tres conceptos acciones , observadores y funciones para organizar tu código en pequeos bloques. Y también te permite escribir middlewares para desacoplar mejor tu código.
De facto incluye observables sobre las acciones y un store obsevable, para poder observar los cambios sobre datos que guardes.
RxMap aade una capa de abstracción sobre las librerías de mapas, esta diseada para desacoplarte y evitarte tener que actualizar tu código con cada cambio de librerías o utilizar una mapa diferente según el entorno. Podrás centrarte en desarrollar tus funcionalidades.
RxMap te permite cargar el código en diferido cuando la utilizas para mejorar los tiempos de carga, es recomendable desplegarlo en http2.
## Ventajas
* Cargar en diferido de las acciones y los observadores (Lazy Loader).
* Trabajar con observadores. (RxJs).
* Trabajar de manara asyncrona.
* Programación funcional.
* Store Observable.
* Trabaja con multiples mapas, sin cambiar tu código.
* Reutilización de código entre diferentes proyectos.
* Offline
## Instalación
### NPM
```
Npm install @rxmap\rxmap —save
```
### CDN
```
```
## Como utilizarla
Lo ideal es tener las acciones y los observadores en librerías externas, lo primero seria registrar estas librerías para poder utilizarlas
```
import rxLib from '@rxmap/basiclib';
registerLib(...rxLib);
```
Una vez registradas las librerías o las acciones a utilizar. Lo primero es cargar el mapa que se quiera utilizar
Y después ya se pueden invocar las acciones o observadores a utilizar.
```
import { RxMap } from ‘@rxmap/rxmap’;
await RxMap.load(‘leaflet’);
RxMap.create(‘mapId’,2.45,41.56,10);
RxMap.marker(2.45,41.56).popup(‘hello’);
```
O para versión de CDN.
```
R.RxMap.load(‘leaflet’);
R.RxMap.create(‘mapId’,2.45,41.56,10);
R.RxMap.marker(2.45,41.56).popup(‘hello’);
```
La primera acción que se tiene que invocar debe devolver el mapa inicial inicializado, normalmente esta acción se llama ‘create’ y debe ser sincrona, es decir no devolver una promesa. Es recomendable no anidar las llamadas a create, sino volver a hacer llamadas sobre RxMap, como se observa en los ejemplos anteriores.
## Documentación
Puedes encontrar más Documentación aquí:
* [Overview](https://xlab-tech.github.io/RxMap/manual/overview.html)
* [Instalar](https://xlab-tech.github.io/RxMap/manual/install.html)
* [Como Utilizar](https://xlab-tech.github.io/RxMap/manual/howItWorks.html)
* [Acciones](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#acciones)
* [Funciones](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#funciones)
* [Observadores](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#observadores)
* [Librerías](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#librerías)
* [Middlewares](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#middlewares)
* [Observar acciones](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#observar-acciones)
* [Store](https://xlab-tech.github.io/RxMap/manual/howItWorks.html#store-observable)
* [Como crear](https://xlab-tech.github.io/RxMap/manual/make.html)
* [Acciones](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-acciones)
* [Funciones](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-funciones)
* [Observadores](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-observadores)
* [Middlewares](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-un-middleware)
* [Librería](https://xlab-tech.github.io/RxMap/manual/make.html#como-crear-una-libreria)
* [Build](https://xlab-tech.github.io/RxMap/manual/build.html)
# Examples
# Librerias
Librerías para aadir acciones y observadores:
* [RxMapBasicLib](https://github.com/xlab-tech/RxMapBasicLib)
* ..
Para aadir una nueva librería enviar un mail a rxmap@xlab.tech o realiza un pullRequest de la documentación con la libreria aadida.
Para hacer un PullRequest:
* Haz un fork del repositorio.
* Haz commit y push de los cambios en tu reposition.
* Crear un PullRequest .
# Mapas Soportados
* [google](https://cloud.google.com/maps-platform/)
* [leaflet](https://leafletjs.com/)
* [mapbox](https://www.mapbox.com/)
* [ol](https://openlayers.org/)
* [esri](https://developers.arcgis.com/javascript/)
* [carto](https://carto.com/)
# Offline
El offline funciona a través de un serviceWorker que se encarga de cachear todas las peticiones para que posteriormente puedas acceder a ellas sin cobertura.
Para poder trabajar offline hay que incluir el fichero sw.js en la misma ruta donde
esta RxMap.
El fichero sw.js debe incluir esta linea
```
importScripts('https://unpkg.com/@rxmap/offlinestorage@0.4.0/dist/esm/offline-sw.js')
````
para poder activar al serviceWorker que se encargara de cachear las peticiones.
近期下载者：
相关文件：
收藏者：