GeoPoster - a simple, sharable pushpin map
geomatico / geoposter Goto Github PK
View Code? Open in Web Editor NEWGeoPoster - a simple, sharable pushpin map
GeoPoster - a simple, sharable pushpin map
EN funcionalidad no pasa nada, ya que no hace las peticiones y el usuario no puede acceder a la API, pero puede pulsar el botón de Nou y en la parte cliente inserta el marker, hace la petición y el servidor la rechaza. Queda un poco raro.
En la BDD a cañón
Funcionalidad de crear nuevo marker añadida recientemente, pero está a medias:
9a26a92#L2L136
Hay que añadir un ID, de modo que sea único, e incluirlo tanto en la estructura GeoJSON interna (variable "data") como en el marker de Leaflet, como una propiedad (ver si ya existe en la API).
Talvez que el botón papelera se convierta en dos botones delete, cancel
Si no añadimos contenido al item no se puede seleccionar
De momento se está identificando cada marker por su título.
Esto es una mala idea, ya que podría haber más de un marker con el mismo título (por ejemplo, los markers nuevos llevan un título por defecto).
La colección de features se guarda en GeoJSON, en una variable global "data". Cuando se selecciona un marker, se recupera la información del feature asociado mediante la función getSelectedFeature(), que utiliza el título para hacer el match:
https://github.com/oscarfonts/besos/blob/master/geoposter/index.html#L262
Cambiar esta función que use el ID.
Al cambiar el contenido o el título del marker se cambian las coordenadas del mismo :-O
Como el mapa es editable en línea, tiene que quedar bajo password.
Centrar la vista inicial del mapa de modo que se muestren todos los markers.
Parece que hay que meterlos en un FeatureGroup:
http://stackoverflow.com/questions/16845614/zoom-to-fit-all-markers-in-mapbox-or-leaflet
¿crontab pgdump?
Ahora mismo se está usando la función de "local storage" en browser, mediante las funciones load() y save(), que leen o escriben todo el mapa de una vez.
Reestructurar ésto para que la persistencia se realice del lado del servidor. Idealmente, utilizaremos una API tipo REST y serializaremos la información siempre en GeoJSON.
En el lado del navegador, tendríamos las funciones loadMapData(), addFeature(), updateFeature(), deleteFeature(). Estas funciones deberían gestionar los errores adecuadamente, informando al usuario.
En el lado del servidor, se propone la siguiente API REST:
a) URLs que tratan todo el "mapa" a la vez:
GET [MAP_ID].json => Obtener un FeatureCollection con los contenidos del mapa, cada feature llevará obligatoriamente su ID.
((POST [MAP_ID].json => Actualizar todo el FeatureCollection de golpe))
((PUT [MAP_ID].json => Crear nuevo mapa))
((DELETE [MAP_ID] => Borrar todo el mapa))
b) URLs que trantan cada feature en concreto:
((GET [MAP_ID]/[FEATURE_ID].json => Obtener feature existente.))
POST [MAP_ID]/[FEATURE_ID].json => Actualizar feature existente.
PUT [MAP_ID]/[FEATURE_ID].json => Crear nuevo feature.
DELETE [MAP_ID]/[FEATURE_ID] => Borrar feature existente.
Entre doble paréntesis, las operaciones que no se necesitarían para la implementación propuesta.
Para la persistencia en PostGIS, puede resultar útil:
http://www.postgis.org/docs/ST_GeomFromGeoJSON.html
http://www.postgis.org/docs/ST_AsGeoJSON.html
http://www.postgresonline.com/journal/archives/267-Creating-GeoJSON-Feature-Collections-with-JSON-and-PostGIS-functions.html
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.