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

Al igual que Google Maps, puede usar Bing Maps para mostrar direcciones, tráfico, direcciones e instrucciones de navegación en su sitio de WordPress. Como es propiedad de Microsoft, es una excelente aplicación de mapas con toneladas de datos útiles.

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

Cómo incrustar mapas de Bing en WordPress

Agregue Bing Maps en WordPress (no se requieren complementos)

Lo primero que debe hacer es visitar el sitio web de Bing Maps y buscar la ubicación o el mapa que desea insertar.

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

Opción de mapa incrustado en Bing Maps

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

Personalice Bing Maps para insertarlo en su sitio de WordPress

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

Después de eso, le dará un fragmento de código. Continúe y copie el código, ya que lo necesitará en el siguiente paso.

Generar código de inserción para Bing Maps

Ahora, vuelva a su sitio de WordPress y cree una nueva página o edite una página existente donde desee agregar el mapa.

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

Agregue bloques HTML personalizados en el editor de páginas de WordPress

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

Código de inserción de Bing Maps agregado en el editor de WordPress

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 aparece Bing Maps en nuestro sitio de demostración.

Incrustación manual de mapas de Bing en WordPress - Vista previa

Agregar mapas de Bing mediante complementos

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

Sin embargo, si ejecuta un sitio web que necesita agregar mapas con frecuencia, es más fácil agregar Bing Maps usando un complemento.

Lo primero que debe hacer es instalar y activar el complemento Ultimate Maps by Supsystic. Para obtener instrucciones detalladas, puede consultar nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Este es un complemento gratuito de mapas de WordPress que le permite incrustar Bing Maps, Leaflet Maps y otras alternativas de Google Maps en su blog de WordPress.

Para usar este complemento con Bing Maps, necesita una clave API de Bing Maps.

Simplemente cree una cuenta en el sitio web del Centro de desarrollo de mapas de Bing. Si ya tiene una cuenta de Microsoft, simplemente inicie sesión con las credenciales de su cuenta.

Iniciar sesión en el Centro de desarrollo de Bing

Después de iniciar sesión en su cuenta, debe hacer clic en el menú “Mi cuenta” y seleccionar la opción “Mis claves”.

Opción Mis claves del Centro de desarrollo de Bing Maps

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

Cree una clave API de mapa de Bing para incrustar en WordPress

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

Clave de API de Bing Maps creada

Todo lo que necesita hacer es hacer clic en el enlace “Copiar clave” o en el enlace “Mostrar clave” y copiar la clave API de Bing Maps.

Después de eso, debe pegar la clave en la configuración del complemento.

acceso Mapa definitivo de Supsystic » Ajustes Seleccione “Bing Microsoft” como su motor de mapas desde su tablero. Después de eso, pegue la clave API que copió anteriormente en el campo Clave API de Bing Maps.

Pegue la clave API de Bing Maps en Ultimate Maps a través de la configuración del complemento Supsystic

No olvide guardar la configuración de su complemento.

Después de eso, debe agregar la categoría de etiqueta visitando Ultimate Maps de Supsystic » Marcar una categoría » Añadir categoría.

Agregar categorías de marcadores a Bing Maps

Cree tantas categorías de marcado como desee.

A continuación, haga clic en el menú “Agregar mapa” para crear un nuevo mapa. Ingrese un nombre de mapa, defina el ancho y la altura del mapa, elija un modo de barra de navegación y más.

Agregar mapas de Bing mediante complementos

También puede configurar opciones para hacer que el mapa se pueda arrastrar, usar doble toque para hacer zoom y más. Lo más importante es ingresar 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. Cuando haya terminado, haga clic en el botón “Guardar mapa” debajo del cuadro de vista previa del mapa.

Después de eso, puede agregar marcadores para mostrar los puntos de ubicación principales en el mapa. Haga clic en la pestaña Marcas y agregue un nombre para su fabricante.

Agregue nuevos marcadores a Bing Maps en WordPress

Puede utilizar el nombre de una ubicación u organización como nombre de la etiqueta.

Por ejemplo, usamos “Universidad de Florida” como nombre del marcador porque queremos mostrar algunas de las mejores universidades de Florida en nuestro mapa de demostración.

Después de eso, puede agregar texto e imágenes de descripción de marcado.

Desplácese hacia abajo y elija un icono para el nuevo marcador. A continuación, debe ingresar la dirección para señalar el marcador. Además, seleccione la categoría de la etiqueta.

Guardar marcadores para Bing Maps

Revise todas las demás opciones y haga clic en el botón “Guardar marcado”.

Puede seguir los mismos pasos para agregar más marcadores.

A medida que agrega marcadores, puede obtener una vista previa de ellos en tiempo real en el cuadro de vista previa. Una vez que esté satisfecho con el mapa, vaya a la opción “Código abreviado del mapa” en la parte superior y copie el código abreviado.

Copie el código abreviado de Bing Maps para incrustarlo en WordPress

Después de eso, cree una nueva página o edite una página existente para incrustar sus nuevos mapas de Bing.

Una vez en el editor de páginas, haga clic en el icono “Agregar nuevo bloque” y seleccione el bloque “Códigos cortos” en la sección “Widgets”.

Agregar bloques de código corto en WordPress

Ahora debe pegar el código abreviado de Bing Maps que copió anteriormente.

Pegue el código abreviado incrustado del mapa de BIng en el editor de páginas de WordPress

Cuando haya terminado, guarde o publique su página y obtenga una vista previa de cómo se verá Bing Maps en su sitio web.

Así es como aparecerán los mapas de Bing incrustados en nuestro sitio de demostración.

Incrustar mapas de Bing en WordPress usando complementos

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

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.