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.

Estamos actualizando todas las fichas de los componentes. Para conocer más sobre los lineamientos de uso del componente podés visitar la documentación en Obelisco v.1.

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>

Variantes

Navegación de pie de página