Muchas veces queremos introducir un mapa en un sitio web indicando una dirección de algún evento, acontecimiento, etc. No sabemos como hacerlo. La idea de este post es mostrarles como colocar un mapa de OSM con un marcador de una forma súper sencilla.

Entramos al sitio oficial de OSM y nos dirigimos a la dirección que queremos tener en nuestro mapa. Ejemplo:

Elegir una dirección en el sitio oficial de OSM
Elegir una dirección en el sitio oficial de OSM

Luego presionamos el icono de compartir que sería como se muestra en la imagen de abajo.

Seleccionar la opción de compartir mapa
Seleccionar la opción de compartir mapa

Seleccionamos Include Marker que se encuentra en Link or HTML. Luego aparecerá en el mapa un marcador, donde tendremos la opción de arrastrar hasta el punto de interés que queremos mostrar. En la imagen de abajo muestra el resultado de colocar nuestro lugar de interés que sería El Granel.

Colocar un marcador en un mapa
Colocar un marcador en un mapa

Y por último volvemos a ir en el lugar de querer compartir y seleccionamos HTML. Una vez que seleccionamos HTML, podemos copiar ese código html e incrustar en nuestro sitio web.

Seleccionamos HTML para obtener el código html
Seleccionamos HTML para obtener el código html

Eso es todo y ya tendrán su mapa con la dirección de interés con un marcador para indicar el lugar.

Link: Ejemplo

(Visited 259 times, 1 visits today)

Comments

comments


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *