Git Product home page Git Product logo

osm-argentina-website's Introduction

osm-ar

Sitio web de OpenStreetMap Argentina

osm-argentina-website's People

Contributors

ignaciolep avatar juanblas09 avatar zalitoar avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

osm-argentina-website's Issues

Incorporar herramienta "Mis 500m" (se acepta un nombre mejor)

Temporariamente, durante esta fase del confinamiento, se podría agregar una herramienta que disponga un posicionador en el mapa con un radio sombreado de 500m?

Yo creo que un radio plano estaría bien, respetando la deformación del mapa en la ubicación del posicionador. Si es posible recorrer los 500m sobre la red vial, por supuesto que no me opondría.

Habría que notificarla en el popup, y quizás que se pueda habilitar o deshabilitar desde un botón.

Numeraciones

No se ven las numeraciones de las calles. Podria ser una capa

Migrar la página a un framework CSS

Lo tiro a modo de consulta, para ver que les parece. Las ventajas por el lado de que sería mas facil de entender que un CSS que salió de mi cabeza y quizá no está muy bien comentado.

Las posibilidades serían:

  • Bootstrap
  • Foundation
  • Materialize CSS
  • Pure CSS
  • Material Design Bootstrap
  • Bulma

Los invito a comentar su opinión al respecto, yo me encargaría de la implementación en todo caso

Agregar edificios en 3D

Se pueden renderizar con la sig. definición de capa en el estilo. También habría que filtrar el estilo de edificio por defecto cuando estos tienen un valor en el atributo de altura.

{ "id": "building-3d-extrusion", "type": "fill-extrusion", "metadata": {}, "source": "openmaptiles", "source-layer": "building", "minzoom": 13, "maxzoom": 24, "layout": { "visibility": "visible" }, "paint": { "fill-extrusion-base": {"type": "identity", "property": "render_min_height"}, "fill-extrusion-height": { "type": "identity", "property": "render_height" }, "fill-extrusion-opacity": 0.7, "fill-extrusion-color": "rgba(190, 190, 190, 1)", "fill-extrusion-translate-anchor": "map" } }

Ejemplo
imagen

Agregar herramientas para operaciones espaciales en la web

Se propone agregar herramientas de análisis o de operaciones espaciales en la web. Una de la librería que conozco es https://turfjs.org/. Puede que exista otra.
Básicamente que permisa calcular una distancia, generar un radio de un punto determinado y que permita calcular el tamaño de un área, sin tener que usar otro tipo de herramientas, directamente desde el mapa por así decirlo.

Representación de superficie de vías (con y sin pavimento)

Deberíamos poder armar diferentes estilos y elegirlos. En primer lugar armaría uno de pruebas donde voy a jugar con la vista del tag surface: no haría diferencias a nivel motorway, trunk o primary, pero sí en secondary (un color más pálido si es unpaved o más oscuro/chillón si es paved), a los tertiary los dejaría con un color blanco si son paved y blanco pero más finito si son unpaved. Con el residential no sé cómo para que no se confunda con el gris oscuro de fondo de los landuse=residential, quizás un reborde negro.

También poder elegir archivos para superponer, ideal si pueden estar en cualquier otro servidor, de manera de que te sirva como visualizador. Y definir el estilo para este archivo superpuesto.

Nueva frontpage para http://openstreemap.org.ar/

Aloha,

Propongo que, para este perído de crisis y en respuesta al proyecto COVIR [https://wiki.openstreetmap.org/wiki/ES:Argentina/COVID-19] pongamos en la home ese mapa, u otro pertinente.
Esto es SOLO requerimiento de negocio: Atender la emergencia con una frontpage acorde.

salut

Se pueden deshabilitar todas las capas

Desde el selector de capas, se pueden deseleccionar todas, (cosa que no se debería).

imagen

Ademas esto genera un bug cuando se vuelve a activar la capa de mapa que hace que este se visualice con una mezcla de las capas que no corresponde.

imagen

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.