Google Maps is not displayed

  • Resolved Kuro

    (@kuro)


    6 years, 5 months ago

    First, my congrats to Vladimir Anokhin because SU is awesome.

    I have never had problems with SU until today. I can not see a Google Maps correctly.

    My code:
    [su_gmap address=”Carrer Girona, 173, Barcelona, spain”]

    If I look at the browser element inspector it does render the div su-gmap but it does not paint the map:
    <div class="su-gmap su-responsive-media-yes"><figure class="video-holder"><iframe width="600" height="400" src="//maps.google.com/maps?q=Carrer+Girona%2C+173%2C+Barcelona%2C+spain&output=embed"></iframe></figure></div>

    I thought it could be because of the Google API. So I installed and configured the plugin “API KEY for Google Maps” but I still do not solve the problem.

    Any ideas?

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Vova

    (@gn_themes)

    Hi @kuro,

    could you show the live page?

    Thread Starter Kuro

    (@kuro)

    Hi Vladimir,

    I very appreciate your fast reply.

    You can show the page here: https://bit.ly/2CIDg3u

    Thanks

    Plugin Author Vova

    (@gn_themes)

    There is a conflict with your theme’s responsive videos feature.

    Navigate to Dashboard - Shortcodes - Settings and paste the following snippet into Custom CSS code field:

    .su-gmap .video-holder {
  position: static !important;
}
    Thread Starter Kuro

    (@kuro)

    You solved it, friend!

    Thank you very much for your support and your plugin.

    Regards

    • This reply was modified 6 years, 5 months ago by Kuro.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Google Maps is not displayed’ is closed to new replies.

Tags