Insertar Google Maps con shortcode

Wp google maps pro

Este post es un buen recordatorio de lo fácil que es construir tus propios shortcodes para partes específicas de funcionalidad que son específicamente útiles para ti, sea lo que sea. En el pasado, hemos cubierto hacer permalinks shortcode.

Sobre el autorChris Coyier es un diseñador web que lleva muchos años utilizando WordPress para potenciar los sitios de sus clientes. Suscribe la teoría de que WordPress no sólo es capaz de impulsar cualquier sitio web, sino que casi siempre es la elección correcta. Sus otros proyectos incluyen CodePen y Quotes on Design.View all from Chris Coyier

¿Qué es Google map shortcode?

El código abreviado utiliza la API HTTPS de WordPress y la API Transients para ofrecer mapas de Google almacenados en caché con un impacto mínimo o nulo en el rendimiento del sitio.

¿Cómo anclar un mapa de Google en un texto?

Toca el icono Compartir en la parte inferior de la pantalla para compartir el pin con una de tus aplicaciones recientes o con un contacto reciente. Pulsa el botón Más para encontrar otras formas de enviar el pin, incluido un mensaje de texto a cualquier persona y otras apps instaladas en tu dispositivo, como WhatsApp.

¿Puedo utilizar Google Maps API de forma gratuita?

Todas las solicitudes de Maps Embed API están disponibles de forma gratuita con uso ilimitado.

  Google Gears Safari

Google map en wordpress

Cada vez que se muestra un mapa, la dirección especificada se utiliza para generar un hash md5 único, que se utiliza para el identificador de la caché. Esto significa que si cambias la dirección utilizada para tu mapa, la caché se actualizará.

Sin embargo, si se restringe la referencia HTTP, se producirá el siguiente error: “Las claves API con restricciones de referencia no pueden utilizarse con esta API”. Esto se debe a que la geocodificación se realiza en el servidor y se almacena en la caché del servidor, por lo que no hay referencia del navegador.

Esto era exactamente lo que necesitaba. Utilizo el título de mi página para establecer la ubicación y no podía hacerlo con ninguno de los mapas que requieren que se establezca la ubicación en el bloque. Esos son grandes si usted está poniendo un mapa en una página y la dirección nunca va a cambiar. Estoy usando este mapa código corto en una página que he creado como una plantilla, por lo tanto cada página creada en esa plantilla tiene una dirección diferente, es decir, un mapa diferente.

Tengo un sitio que utiliza pods personalizados. No pude conseguir ninguno de los otros plugins mapa para recoger las direcciones. Iba a tener que introducir manualmente miles. Yo era capaz de soltar este código y ¡WHAM cada lugar personalizado tenía un mapa!

Código Google maps plus

Cada vez que visualizas un mapa, la dirección especificada se utiliza para generar un hash md5 único, que se utiliza para el identificador de la caché. Esto significa que si cambias la dirección utilizada para tu mapa, la caché se actualizará.

  Google Gears Safari

Sin embargo, si se restringe la referencia HTTP, se producirá el siguiente error: “Las claves API con restricciones de referencia no pueden utilizarse con esta API”. Esto se debe a que la geocodificación se realiza en el servidor y se almacena en la caché del servidor, por lo que no hay referencia del navegador.

Esto era exactamente lo que necesitaba. Utilizo el título de mi página para establecer la ubicación y no podía hacerlo con ninguno de los mapas que requieren que se establezca la ubicación en el bloque. Esos son grandes si usted está poniendo un mapa en una página y la dirección nunca va a cambiar. Estoy usando este mapa código corto en una página que he creado como una plantilla, por lo tanto cada página creada en esa plantilla tiene una dirección diferente, es decir, un mapa diferente.

Tengo un sitio que utiliza pods personalizados. No pude conseguir ninguno de los otros plugins mapa para recoger las direcciones. Iba a tener que introducir manualmente miles. Yo era capaz de soltar este código y ¡WHAM cada lugar personalizado tenía un mapa!

Widget de Google Maps

Al definir la ubicación del script, observe que he omitido el protocolo (HTTP) y los dos puntos. Esto es recomendable porque la petición utilizará el protocolo más seguro HTTPS si tu sitio lo utiliza, de lo contrario volverá a HTTP.

  Google Gears Safari

Como puedes ver, es cuestión de usar shortcode_atts para coger parámetros y reemplazar los valores codificados con variables PHP. Ahora puedo utilizar [map lat=’47.4925′ lng=’19.0514′ zoom=’10’ height=’200px’] para crear un mapa más estrecho, centrado en Budapest.

Daniel Pataki Daniel es el CTO en Kinsta y ha escrito para muchas publicaciones destacadas como WPMU DEV y Smashing Magazine. En su tiempo libre, lo encontrarás jugando a juegos de mesa o planeando el próximo e increíble juego de oficina como el nada destructivo Megaball.