¿Quieres incrustar Bing Maps en tu sitio web de WordPress? Si está buscando una alternativa de Google Maps, Bing Maps es el candidato adecuado para usted.
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 gran cantidad 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 plugin)
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 (estático o arrastrable), el estilo del mapa (por carretera o aéreo) y los vínculos del mapa. Revise las opciones de personalización y luego haga clic en Generar código.
A continuación, le proporcionará un fragmento de código. Continúe y copie el código, ya que lo necesitará en el siguiente paso.
Ahora regrese 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 su bloque HTML personalizado.
A continuación, 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 plugin
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 donde a menudo necesita agregar mapas, sería más fácil usar un plugin para agregar Bing Maps.
Lo primero que debe hacer es instalar y activar el archivo. Mapas definitivos de Supsystic conectar. Para obtener instrucciones detalladas, puede consultar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Es un plugin de mapas de WordPress gratuito que le permite incrustar mapas de Bing, mapas de volantes y otras alternativas de Google Maps en su blog de WordPress.
Para utilizar este plugin con mapas de Bing, debe tener una clave de API de Bing Map.
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.
Después de iniciar 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 del sitio web para crear una clave.
A continuación, puede ver un mensaje de «Clave creada correctamente» y los detalles de la clave en un cuadro.
Simplemente puede hacer clic en el enlace «Copiar clave» o «Mostrar clave» y copiar la clave API de Bing Maps.
A continuación, debe pegar la clave en la configuración del plugin.
Visita Supsystic Ultimate Maps »Configuración en el panel y seleccione «Microsoft Bing» como motor de mapas. A continuación, pegue la clave de API que copió anteriormente en el campo de clave de API de Bing Maps.
No olvide guardar la configuración de su plugin.
A continuación, debe agregar categorías de marcadores visitando Supsystic Ultimate Maps »Categorías de marcadores» Agregar categoría.
Cree tantas categorías de marcadores como necesite.
Luego, haga clic en el menú Agregar mapa para crear un nuevo mapa. Ingrese un nombre para el 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 es que ingrese la ubicación que se mostrará en el centro del mapa.
Luego, desplácese hacia abajo y configure otras opciones a continuación. Cuando termine, haga clic en el botón «Guardar mapa» debajo del cuadro de vista previa del mapa.
Más tarde, puede agregar marcadores para mostrar los puntos de ubicación principales en el mapa. Haga clic en la pestaña Marcadores y luego agregue un nombre para el fabricante.
Puede utilizar el nombre del lugar u organización como nombre del indicador.
Por ejemplo, usamos «Universidad de Florida» como el nombre de nuestro indicador porque queremos mostrar algunas de las mejores universidades de Florida en nuestro mapa de demostración.
Después de eso, puede agregar el texto y la imagen de la descripción del marcador.
Desplácese hacia abajo y elija un icono para su nuevo indicador. A continuación, debe ingresar la dirección para señalar el marcador. Y también seleccione la categoría del marcador.
Revise todas las demás opciones, luego haga clic en el botón «Guardar indicador».
Puede agregar varios marcadores siguiendo los mismos pasos.
A medida que agrega marcadores, puede obtener una vista previa en vivo en la ventana de vista previa. Cuando esté satisfecho con su mapa, vaya a la opción «Código corto del mapa» arriba y copie el código corto.
A continuación, cree una nueva página o edite una existente para incorporar 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 de widgets.
Ahora debe pegar el código corto del mapa de Bing que copió anteriormente.
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 insertar fácilmente Bing Maps en WordPress. También puede consultar nuestra guía sobre cómo insertar tweets reales en publicaciones de blog de WordPress.
¿Te ha resultado útil??
0 / 0