es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Leaflet.js es la biblioteca de mapas más simple que jamás encontrarás

Google Maps es sin duda el widget de mapas incrustado más popular para diseñadores web. Pero, ¿qué tal agregar funciones personalizadas como información sobre herramientas y marcadores de pin?

Aquí es donde una impresionante biblioteca como Leaflet.js ayuda muchísimo .

Este es un proyecto de código abierto completamente gratuito creado inicialmente por uno de los chicos de Mapbox llamado Vladimir Agafonkin. Desde entonces, Leaflet ha crecido para incluir a docenas de colaboradores en todo el mundo.

Se actualiza con frecuencia con correcciones de errores y nuevas características que mejoran la implementación general en cualquier sitio web. Esta es, con mucho, mi biblioteca de mapeo favorita debido a su fuerza pura y estética de diseño.

Tiene tantas características que no podría enumerarlas todas, pero estas son las más interesantes :

  • Aceleración de hardware móvil
  • Marcadores de pin, superposiciones de forma e información sobre herramientas
  • Animación personalizada de zoom y panoramización
  • Sin dependencias JS
  • Soporte para todos los principales navegadores, incluido IE7 +

La implementación es un poco complicada porque necesita ingresar coordenadas y definir qué tan grande debe ser el mapa .

Los usuarios siempre pueden acercarse y alejarse, por lo que la vista siempre puede cambiar. Pero también se basa en cómo defines el mapa en la página.

Hay una gran página de documentación llena de información para cada aspecto de Leaflet. Tristemente, es tan denso que no puedo recomendar sumergirme en él porque probablemente te perderás. En su lugar, consulte la página de tutoriales del folleto, que también incluye una guía de inicio rápido para principiantes.

Aprenderá cómo incrustar mapas, cambiar el tamaño / posición y cómo agregar gráficos personalizados en la parte superior, como círculos o marcadores de pin.

Esta guía de introducción le puede enseñar todo lo que necesita para usar Leaflet en un blog, sitio web de la compañía o cualquier proyecto futuro.

Hay muchas buenas razones para usar Google Maps: es poderoso, confiable y gratuito. Pero Leaflet viene con muchas más funciones listas para usar y solo necesita agregar los archivos CSS / JS a su página web para comenzar. Incluso puede encontrar copias alojadas en línea si prefiere ir a la ruta CDN.

No dejes que la documentación te asuste. Hay muchas cosas que puede aprender, pero no todas las características son necesarias para una configuración básica de folleto.

Y no hace falta mucho para crear un mapa sorprendente desde cero . Echa un vistazo a esta demo de Codepen creada con Leaflet.js y Google Maps API .

360cam - La primera cámara Full HD 360 ° del mundo

360cam - La primera cámara Full HD 360 ° del mundo

Las fotografías y los videos son excelentes maneras de capturar momentos y experiencias, pero ambos siempre han estado limitados por un aspecto clave: dónde apunta la cámara. Está un poco en desacuerdo con la forma en que nosotros, como humanos, experimentamos el mundo; a menudo pasan tantas cosas a nuestro alrededor que los videos y las fotos simplemente no pueden capturar .Aun

(Consejos de tecnología y diseño)

Videojuegos: ¿Están haciendo más daño que bien?

Videojuegos: ¿Están haciendo más daño que bien?

Los juegos han tomado el mundo del entretenimiento por sorpresa. Lo que solía ser un pasatiempo para geeks y nerds a principios de los 90, ahora ha superado a las películas de Hollywood en términos de ingresos. Pero eso no cambia el hecho de que muchas personas, especialmente los padres, piensan que jugar es solo una pérdida de tiempo o que hace que las personas impresionables (y los niños) sean tontos .El h

(Consejos de tecnología y diseño)