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 .

Más de 140 servicios y herramientas de Google que debes conocer (y marcador)

Más de 140 servicios y herramientas de Google que debes conocer (y marcador)

Mencione los productos de Google y probablemente piense en Google Search, Gmail, Chrome, YouTube o Android, pero en realidad hay más de un centenar de servicios y herramientas de Google de los que la mayoría de nosotros desconocemos o no conocemos. Así que pensamos que esta sería una gran oportunidad para buscar servicios y herramientas de Google disponibles pero menos conocidos. Es

(Consejos de tecnología y diseño)

Versión de regalo: 18 iconos de Navidad y año nuevo (PSD incluido)

Versión de regalo: 18 iconos de Navidad y año nuevo (PSD incluido)

A medida que se acerca la temporada de Navidad y Año Nuevo, nos gustaría continuar agradeciendo a nuestros lectores y comunidad de diseño con un lanzamiento exclusivo de 18 iconos de Navidad y Año Nuevo . Estos iconos vienen en formato PNG en 2 tamaños diferentes, 128 × 128 y 64 × 64 píxeles, junto con el archivo PSD de Photoshop en capas de cada icono.Estos i

(Consejos de tecnología y diseño)