Cómo incrustar Bing Maps en WordPress

¿Quieres incrustar Bing Maps en tu sitio web de WordPress? Si usted está buscando una alternativa de Google Maps, entonces Bing Maps es el candidato adecuado para usted.

Similar a Google Maps, puedes usar Bing Maps para mostrar direcciones, tráfico, rutas e instrucciones de navegación en tu sitio de WordPress. Como es propiedad de Microsoft, es una gran aplicación de mapas con una tonelada de datos útiles.

En este artículo, te mostraremos cómo insertar fácilmente Bing Maps en WordPress, paso a paso.

Adición de Bing Maps en WordPress (No se requiere ningún plugin)

Lo primero que tienes que hacer es ir al sitio web de Bing Maps y buscar la ubicación o el mapa que quieres insertar.

Una vez que haya encontrado la ubicación, haga clic en la opción «Más» con el icono de tres puntos y seleccione la opción «Insertar un mapa».

Después de eso, se abrirá una nueva pestaña donde podrá personalizar el mapa para que se incruste en su sitio web.

Puede elegir el tamaño del mapa, el tipo de mapa (mapa estático o arrastrable), el estilo del mapa (carretera o antena) y los enlaces del mapa. Revise las opciones de personalización y luego haga clic en Generar código.

Después de eso, le proporcionará un fragmento de código. Adelante, copia el código porque lo necesitarás en el siguiente paso.

Ahora, vuelve a tu sitio de WordPress y crea una nueva página o edita una ya existente en la que quieras añadir el mapa.

En la pantalla de edición de página, haga clic en el icono Agregar nuevo bloque y seleccione el bloque HTML personalizado.

Después de eso, pegue el código de incrustación del mapa de Bing que copió anteriormente en el campo HTML.

Ahora puede guardar o publicar su página y hacer clic en el botón de vista previa para ver el mapa incrustado en su página. Así es como el Mapa de Bing apareció en nuestro sitio web de demostración.

Adición de mapas de Bing usando un plugin

Si necesita incrustar sólo un mapa en su sitio web, entonces el método manual que se muestra arriba es la mejor opción.

Sin embargo, si ejecuta un sitio web en el que a menudo necesita añadir mapas, entonces el uso de un plugin para añadir Bing Maps sería más fácil.

Lo primero que tienes que hacer es instalar y activar el plugin Ultimate Maps by Supsystic. Para instrucciones detalladas, puedes ver nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Es un plugin de mapas gratuito de WordPress que te permite incrustar mapas de Bing, Leaflet maps y otras alternativas de Google Maps en tu blog de WordPress.

Para usar este plugin con Bing maps, necesitará tener una clave de API de Bing Map.

Simplemente crea una cuenta en el sitio web del Centro de Desarrollo de Bing Maps. Si ya tiene una cuenta de Microsoft, puede iniciar sesión con sus credenciales de cuenta.

Una vez que haya accedido a su cuenta, debe hacer clic en el menú «Mi cuenta» y seleccionar la opción «Mis claves».

En la siguiente pantalla, debe completar la información de su sitio web para crear una clave.

Después de eso, puede ver un mensaje Clave creada con éxito y los detalles de la clave en un cuadro.

Puede simplemente hacer clic en el enlace `Copiar clave o `Mostrar clave y copiar la clave de la API de Bing Maps.

Después de eso, necesita pegar la clave en la configuración de su plugin.

Visita Ultimate Maps by Supsystic » Settings desde tu panel de control y seleccionaBing Microsoft como tu motor de mapas. Después, pegue la clave de la API que copió anteriormente en el campo clave de la API de Bing Maps.

No olvides guardar la configuración de tu plugin.

Después de eso, necesita añadir categorías de marcadores visitando Ultimate Maps by Supsystic » Marker Categories » Add Category .

Cree tantas categorías de marcadores como necesite.

A continuación, haga clic en el menú Agregar mapa para crear un nuevo mapa. Introduzca un nombre para su mapa, defina la anchura y la altura del mapa, seleccione el modo de barra de navegación, etc.

También puede configurar las opciones para que el mapa se pueda arrastrar, hacer doble clic para ampliarlo y mucho más. Lo más importante de todo, introduzca la ubicación que se mostrará en el centro del mapa.

A continuación, desplácese hacia abajo y configure más opciones a continuación. Una vez hecho esto, haga clic en el botónGuardar Mapa debajo de la caja de vista previa del mapa.

Después de eso, puede agregar marcadores para mostrar los puntos principales de ubicación en su mapa. Haga clic en la ficha Marcadores y, a continuación, añada un nombre para el creador.

Puede utilizar el nombre del lugar o de la organización como nombre de marcador.

Por ejemplo, usamosUniversity of Florida como nombre de marcador porque queremos mostrar algunas de las mejores universidades de Florida en nuestro mapa de demostración.

Después de eso, puede añadir texto de descripción del marcador, así como una imagen.

Desplácese hacia abajo y elija un icono para su nuevo marcador. A continuación, debe introducir la dirección para apuntar el marcador. Y, también, seleccione la categoría de marcador.

Revise todas las demás opciones y, a continuación, haga clic en el botón «Guardar marcador».

Puede añadir más marcadores siguiendo los mismos pasos.

A medida que agrega los marcadores, puede previsualizarlos en vivo en el cuadro de vista previa. Una vez que esté satisfecho con su mapa, navegue hasta la opción «Mapa de atajo» en la parte superior y copie el atajo.

Después de eso, crea una nueva página o edita una ya existente para incrustar tu nuevo mapa de Bing.

Una vez en el editor de página, haga clic en el icono Añadir nuevo bloque y seleccione el bloque Código abreviado en la sección Widgets.

Ahora necesitas pegar el atajo de mapa de Bing que has copiado antes.

Una vez hecho esto, guarde o publique su página, y obtenga una vista previa de cómo se ve el mapa de Bing en su sitio web.

Así es como el mapa de Bing incrustado apareció en nuestro sitio web de demostración.

Esperamos que este artículo le haya ayudado a aprender a insertar Bing Maps en WordPress fácilmente. También puedes ver nuestra guía sobre cómo incrustar tweets reales en las entradas del blog de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario