1. Anuncie Aqui ! Entre em contato fdantas@4each.com.br

[Flutter] Flutter iframe with google maps embed for android and ios

Discussão em 'Mobile' iniciado por Stack, Novembro 9, 2024 às 19:02.

  1. Stack

    Stack Membro Participativo

    I am trying to use the following embed link from google maps to go inside a part of my app's screen. While using FlutterMap and Open Street Map works, but I am trying to use the Google Map embed that I got from the Share option.

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3754.0582381234562!2d-74.04707532345965!3d40.689253439006976!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue%20of%20Liberty!5e1!3m2!1sen!2sbd!4v1731186943145!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

    The following is what I have tried from reading the documentations of flutter_html package.

    SizedBox(
    height: 450,
    child: Html(
    data: """
    <iframe
    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3754.0582381234562!2d-74.04707532345965!3d40.689253439006976!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue%20of%20Liberty!5e1!3m2!1sen!2sbd!4v1731186943145!5m2!1sen!2sbd"
    width="100%"
    height="100%"
    style="border:0;"
    allowfullscreen=""
    loading="lazy"
    referrerpolicy="no-referrer-when-downgrade">
    </iframe>
    """
    ],
    ),
    ),


    I also tried simple things such as H1 tags inside the HTML part but so far nothing.

    Continue reading...

Compartilhe esta Página