De manera similar a 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 gran aplicación de mapas con una tonelada de datos útiles.
En este artículo, le mostraremos cómo incrustar fácilmente Bing Maps en WordPress, paso a paso.
Agregar mapas de Bing en WordPress (no se requiere complemento)
Lo primero que debes hacer es ir a Mapas de Bing sitio web y busque la ubicación o el mapa que desea 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 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 (por carretera o aéreo) y los enlaces de 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 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 inserció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 mediante 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 tiene un sitio web en el que a menudo necesita agregar mapas, utilice un plugin agregar Bing Maps sería más fácil.
Lo primero que debe hacer es instalar y activar el Mapas definitivos de Supsystic plugin. Para obtener instrucciones detalladas, puede ver nuestra guía paso a paso sobre cómo instalar un WordPress plugin.
Es un mapa gratuito de WordPress plugin que le permite incrustar mapas de Bing, mapas de folletos y otras alternativas de Google Maps en su blog de WordPress.
Para usar esto plugin con los mapas de Bing, deberá tener una clave de API de mapas 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 un 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 su plugin ajustes.
Visita Ultimate Maps de Supsystic »Configuración desde su panel de control y seleccione ‘Bing Microsoft’ como su motor de mapas. Después de eso, pegue la clave de API que copió anteriormente en el campo de clave de API de Bing Maps.
No olvide guardar su plugin ajustes.
Después de eso, debe agregar categorías de marcadores visitando Mapas definitivos de Supsystic »Categorías de marcadores» Agregar 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 la altura 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 es que ingrese 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ó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 su mapa. Haga clic en la pestaña Marcadores y luego agregue un nombre para su creador.
Puede utilizar el nombre del lugar u organización como nombre de marcador.
Por ejemplo, usamos ‘Universidad de Florida’ como un 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 el texto de descripción del marcador, así como la imagen.
Desplácese hacia abajo y elija un icono para su nuevo marcador. A continuación, debe ingresar la dirección para apuntar el marcador. Y también seleccione la categoría del 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 en vivo en el cuadro de vista previa. Una vez que esté satisfecho con su mapa, navegue hasta el ‘Mapa shortcode’en la parte superior, y copie la shortcode.
Después de eso, cree una nueva página o edite una existente para incrustar su nuevo mapa de Bing.
Una vez en el editor de página, haga clic en el icono Agregar nuevo bloque y elija el bloque de código corto en la sección Widgets.
Ahora necesitas pegar el mapa de Bing shortcode que copiaste 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. Es posible que también desee ver nuestra guía sobre cómo incrustar tweets reales en las publicaciones del blog de WordPress.
Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.
.
Fuente: wpbeginner