Necesito insertar una ubicación en mi página (con la etiqueta <iframe>
), pero me gustaría meterlo en un botón y que se oculte o se muestre según quiera el visitante.
He estado probando algún invento de HTML, que no funcionó, y buscando por google tampoco se resolvía mi duda.
Encontré esta página usando JavaScript, pero según iba leyendo me perdía, intentaba hacer algo probando el código, pero no me salía nada bien.
Probé (Aunque tenía poca esperanza de que funcionase) este código:
<a href="<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3037.6344913099147!2d-
3.7057171848150734!3d40.41694727936515!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!
4f13.1!3m3!1m2!1s0xd42287e19e23f5f%3A0xcec2a0e4d9bed6fb!2sPuerta%20del%2
0Sol!5e0!3m2!1ses!2ses!4v1580210374850!5m2!1ses!2ses" width="400" height="300"
frameborder="0" style="border:0;" allowfullscreen=""
title="Puerta del Sol" class="button"></iframe>
<span>Ubicación</span></a>
Y efectivamente no funcionó, no he tocado JavaScript nunca, así que me pierdo con mucha facilidad, no sé si es posible hacer esto con html unicamente.