3

Al momento de colocar un elemento HTML encima del mapa de Google Maps usando Ionic 2, no puedo darle click a dichos elementos , es como si el elemento no estuviera ahí y el click lo toma es el mapa.

7
  • Con CSS ponle z-index al elemento que le quieres dar click. A ver si con eso te fuciona. Commented el 2 mar. 2017 a las 0:33
  • El problema no es a nivel de CSS, parace un conflicto con el mapa nativo Commented el 2 mar. 2017 a las 0:40
  • Cómo estás añadiendo ese HTML? Es un overlay del mapa, un plugin, o es un elemento HTML escrito en duro desde el principio?
    – ffflabs
    Commented el 3 mar. 2017 a las 16:24
  • Es un elemento Html que se encuentra posicionado encima del mapa. @amenadiel Commented el 3 mar. 2017 a las 16:42
  • Ya, pero es hijo del body, es hijo de otro div, es hijo del mismo div que el mapa?
    – ffflabs
    Commented el 3 mar. 2017 a las 17:03

1 respuesta 1

1

Si añades el mapa por typescript se genera después. Hace poco he tenido que hacer un mapa dentro de un slide y al final optamos por el api de mapas estáticos de Google Maps ya que al darle al slide se movia el mapa y era incomodo.

código que se descarto:

 <ion-slide >
      <ion-card-content>
        <ion-grid>
          <ion-row>
            <ion-col col-2></ion-col>
            <ion-col col-8 (click)="onClickedItem()">Ruta</ion-col>
            <ion-col col-2></ion-col>
          </ion-row>
        </ion-grid>
          <button ion-item (click)="onClickedItem()">
            Mi Ruta
          </button>
          <ion-item ><div #map id="map2"></div></ion-item>
      </ion-card-content>
    </ion-slide>

Si pones el código puedo ayudarte mejor.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.