Estilos

Componentes

Formularios

Organismos

Mapa

El mapa brinda contexto sobre una ubicación geográfica y redirige a la persona usuaria al mapa interactivo de Buenos Aires. A su vez, permite a las personas usuarias anticipar y planificar sus acciones.

Si quieres conocer las buenas prácticas de uso del componente, puedes visitar el siguiente enlace.

Lateral

Ubicación

Av. Uspallata 3160

Cómo llego
<div class="map">
  <div class="map-body">
    <h2 class="map-title">Ubicación</h2>
    <p class="map-text">Av. Uspallata 3160</p>
    <div class="map-iframe">
        <iframe
        src="https://www.google.com/maps/embed?
        pb=!1m18!1m12!1m3!1d3282.561313314447!2
        d-58.40988132452283!3d-34.6405246594425
        2!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13
        .1!3m3!1m2!1s0x95bccb0de7f4d675%3A0xfc2
        ef5324296a64!2sUspallata%203160%2C%20C1
        437JCL%20CABA!5e0!3m2!1ses!2sar!4v17042
        18461718!5m2!1ses!2sar"
        width="600"
        height="146"
        title="Mapa de como llegar"
        allowfullscreen="true"
        loading="lazy"
        tabindex="-1"
        referrerpolicy="no-referrer-when-downgrade"
        style="border: 0px;"
        ></iframe>
    </div>
    <a
        href="https://mapa.buenosaires.gob.ar/
        comollego/?lat=-34.640340&amp;lng=-58.
        407032&amp;zl=15&amp;modo=transporte&a
        mp;dir=Uspallata+3160"
        class="btn btn-primary btn-lg btn-block"
        target="_blank"
        rel="noopener noreferrer"
        tabindex="0"
    >
        Cómo llego
    </a>
  </div>
</div>

Institucional

Ubicación

Av. Uspallata 3160

Cómo llego
<div class="map">
  <div class="map-body">
    <h3 class="map-title">Ubicación</h3>
    <p class="map-text">Av. Uspallata 3160</p>
    <div class="map-iframe">
        <iframe
        src="https://www.google.com/maps/embed?pb=
        !1m18!1m12!1m3!1d3282.561313314447!2d-58.4
        0988132452283!3d-34.64052465944252!2m3!1f0
        !2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1
        s0x95bccb0de7f4d675%3A0xfc2ef5324296a64!2s
        Uspallata%203160%2C%20C1437JCL%20CABA!5e0!
        3m2!1ses!2sar!4v1704218461718!5m2!1ses!2sar"
        width="600"
        height="146"
        title="Mapa de como llegar"
        allowfullscreen="true"
        loading="lazy"
        tabindex="-1"
        referrerpolicy="no-referrer-when-downgrade"
        style="border: 0px;"
        ></iframe>
    </div>
    <a
        href="https://mapa.buenosaires.gob.ar/comollego/?lat=-34.640340&amp;
        lng=-58.407032&amp;zl=15&amp;modo=transporte&amp;dir=Uspallata+3160"
        class="btn btn-primary btn-lg btn-block"
        target="_blank"
        rel="noopener noreferrer"
        tabindex="0"
    >
        Cómo llego
    </a>
  </div>
</div>

Navegación de pie de página