Creador de mapas estáticos de Google: mapas estáticos con esteroides

Cierto. Google Maps le permite generar mapas, que pueden integrarse fácilmente en cualquier sitio web. Si lo ha hecho con frecuencia, es posible que se haya preguntado si las cosas no podrían ser un poco más fáciles aquí y allá. Trabajando en el sitio web del carnicero de la esquina, un pequeño mapa estático sería absolutamente suficiente, ¿no es así? No es necesario que pueda hacer clic, arrastrar o acercar o alejar la imagen. ¿Ya sentiste lo mismo? Katy DeCorah de Nueva York tiene algo para nosotros: una pequeña herramienta gratuita llamada Static Map Maker…

Los mapas de Google son fantásticos. En la mayoría de los casos, decidí integrarlos, enriquecería los mapas con información sobre las subsidiarias de la empresa de mi cliente o la ubicación de los contenedores de basura o cualquier información necesaria para transmitir. No me importaría hacer malabarismos con el iframe, solicitar una clave API y lo que surja según sea necesario.

Luego conseguí estos trabajos simples. Propietarios de pequeñas empresas a la vuelta de la esquina o al lado. Algunos de estos incluso se negarían a integrar un mapa dinámico en sus páginas. No querrían que sus visitantes pudieran acercarse y encontrar al competidor dos calles a la izquierda. Otro cliente no quería que sus visitantes pudieran ver el área en la que estaba ubicada su empresa. Pista: no era el mejor…

En ambos casos les dije a los clientes que ciertamente sería posible, por ejemplo, dibujar un mapa a mano para evitar Google Maps. Sin embargo, esto no sería una garantía de que las personas nunca copiarían la información de la dirección y la introducirían en Google Maps manualmente. Parece que, en los casos de los que te hablé, en realidad nunca lo hacen. Al menos eso es lo que dicen los clientes. Misión cumplida…

Para servir mejor a clientes como estos, Katy DeCorah de Nueva York me ofrece una pequeña herramienta inteligente, Static Map Maker. Esta herramienta, que está alojada en su propio sitio web, pero también en Codepen (con la fuente completa), genera mapas estáticos que puede incrustar fácilmente a través del elemento img. Los formatos se pueden elegir.

Especialmente encantador: en la mayoría de los casos, esto funcionará sin el uso de una clave API. Esto es al menos cierto en todos los casos en los que el mapa estático se integra como una imagen de mapa estático. Si decide incrustar el mapa estático utilizando el código de incrustación proporcionado, es posible que se produzca el problema de la API. Pero, aunque eso es lo único bueno, cumplirá perfectamente con la Guía API de Google Maps…

Creador de mapas estáticos: cómo

Usar la herramienta basada en Angular.JS es absolutamente simple y basado en formularios. El formulario en el lado izquierdo de la pantalla de la herramienta le pide que ingrese varios parámetros, de los cuales el primero es la dirección que desea ubicar. Al igual que con Maps en general, depende de usted decidir qué tan precisa será la información de ubicación. En Location ingrese una dirección completa y válida o partes de la misma. El siguiente campo ofrece la posibilidad de introducir un API-Keyque solo es necesario si va a utilizar el código de inserción.

El siguiente paso es la definición de la Zoom. Esto le permite especificar qué tan grande será el radio alrededor de la dirección a localizar. Utilizando Scale puede duplicar el tamaño de píxel del mapa definido a través de Width y Height. Esto es útil tan pronto como necesite anchos o altos superiores a 640 px. Con la función de escala, puede definir imágenes con tamaños de hasta 1280 píxeles cuadrados. Todo lo que hay en el medio debe especificarse como la mitad del ancho o la altura deseados, y luego escalarse dos veces.

Map Marker le permite pegar el marcador conocido en el mapa. Una vez activado, puede elegir el color y el tamaño del marcador. Los marcadores siempre se colocan automáticamente de acuerdo con la dirección dada, lo que a veces puede ser un poco impreciso. Map Type ofrece diferentes estilos de mapa, ya que hay Roadmap para la vista de mapa de calles predeterminada, Terrain para una mirada topográfica, Satellite para la – pozo – vista satelital y Hybrid para combinar satélite y mapa de calles.

Vía Format hay varios formatos de imagen diferentes para elegir. Tenemos dos variantes PNG y dos JPG, así como GIF. Activando Visual Refresh mostrará el mapa con la apariencia del Google Maps renovado. Desde Gimme copie la llamada API e insértela como tal en cualquier elemento img dado en el sitio web en el que está trabajando. O arrastre la imagen y cárguela en el espacio web, sabiendo que la llamada API es la única solución compatible 😉

Dos minutos, no más, y ha creado un mapa estático, que a mis clientes escépticos (recuerden, les hablé arriba), definitivamente les encantaría tener.

enlaces relacionados

• Blogentry iniciando el proyecto | katy decorah
• Creador de mapas estáticos en katy decorah
• Creador de mapas estáticos en Código abierto (con Quellen)
• Guía de Static Maps API V2 en Desarrolladores de Google