¿Quieres incrustar Bing Maps en tu sitio web de WordPress? Si está buscando una alternativa a Google Maps, entonces Bing Maps es el candidato adecuado para usted.
Al igual que Google Maps, puede usar Bing Maps para mostrar direcciones, tráfico, rutas e instrucciones de navegación en su sitio de WordPress. Dado que es propiedad de Microsoft, es una excelente aplicación de mapas con una gran cantidad de datos útiles.
En este artículo, le mostraremos cómo integrar fácilmente Bing Maps en WordPress, paso a paso.
Agregar mapas de Bing en WordPress (no se requiere complemento)
Lo primero que tienes que hacer es ir a Mapas de Bing sitio web y busque la ubicación o el mapa que desea incrustar.
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 ‘Incrustar un mapa’.
Después de eso, se abrirá una nueva pestaña donde puede personalizar el mapa para incrustarlo 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 aéreo) 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. Continúe y copie el código porque lo necesitará en el siguiente paso.
Ahora, vuelva a su sitio de WordPress y cree una nueva página o edite una 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 el bloque HTML personalizado.
Después de eso, pegue el código de incrustación de Bing Map 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 apareció el Mapa de Bing en nuestro sitio web de demostración.
Agregar mapas de Bing usando un complemento
Si necesita incrustar solo 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 agregar mapas, sería más fácil usar un complemento para agregar Bing Maps.
Lo primero que debe hacer es instalar y activar el Mapas definitivos de Supsystic enchufar. Para obtener instrucciones detalladas, puede ver nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Es un complemento gratuito de mapas de WordPress que le permite incrustar mapas de Bing, mapas de folletos y otras alternativas de Google Maps en su blog de WordPress.
Para usar este complemento con mapas de Bing, deberá tener una clave API de mapa de Bing.
Simplemente cree una cuenta en Centro de desarrollo de mapas de Bing sitio web. Si ya tiene una cuenta de Microsoft, simplemente puede iniciar sesión con las credenciales de su cuenta.
Una vez que haya iniciado sesión en 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 el mensaje «Clave creada con éxito» y los detalles de la clave en un cuadro.
Simplemente puede 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 de su complemento.
Visitar Mapas definitivos de Supsystic » Ajustes desde su tablero y seleccione ‘Bing Microsoft’ como su motor de mapas. Después de eso, pegue la clave API que copió anteriormente en el campo Clave API de Bing Maps.
No olvide guardar la configuración de su complemento.
Después de eso, debe agregar categorías de marcadores visitando Ultimate Maps de Supsystic » Categorías de marcadores » Añadir categoría.
Cree tantas categorías de marcadores como necesite.
A continuación, haga clic en el menú Agregar mapa para crear un nuevo mapa. Ingrese un nombre para su mapa, defina el ancho y alto del mapa, elija el modo de barra de navegación, etc.
También puede configurar opciones para hacer que el mapa se pueda arrastrar, hacer doble clic para hacer zoom y más. Lo más importante de todo, ingrese la ubicación para 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ón ‘Guardar mapa’ debajo del cuadro de vista previa del mapa.
Después de eso, puede agregar marcadores para mostrar los principales puntos de ubicación en su mapa. Haga clic en la pestaña Marcadores y luego agregue un nombre para su creador.
Puede utilizar el nombre del lugar o de la organización como nombre de marcador.
Por ejemplo, usamos ‘Universidad de 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 agregar 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 ingresar la dirección para señalar el marcador. Y, también seleccione la categoría de marcador.
Revise todas las demás opciones y luego haga clic en el botón ‘Guardar marcador’.
Puede agregar más marcadores siguiendo los mismos pasos.
A medida que agrega los marcadores, puede obtener una vista previa de ellos en vivo en el cuadro de vista previa. Una vez que esté satisfecho con su mapa, vaya a la opción ‘Código abreviado del mapa’ en la parte superior y copie el código abreviado.
Después de eso, cree una nueva página o edite una existente para insertar su nuevo mapa de Bing.
Una vez en el editor de páginas, haga clic en el ícono Agregar nuevo bloque y elija el bloque Shortcode en la sección Widgets.
Ahora debe pegar el código abreviado del mapa de Bing que copió 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 apareció el mapa de Bing incrustado en nuestro sitio web de demostración.
Esperamos que este artículo le haya ayudado a aprender cómo incrustar Bing Maps en WordPress fácilmente. También puede consultar nuestra guía sobre cómo incrustar tweets reales en las publicaciones de blog de WordPress.
.