Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1376368

    Kapalai
    Participant

    dear support team,

    I am trying to insert the following google maos snippet in a revolution slider slide.
    I am doing this with a text/html Layer.

    Here is the code
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2649.190801792625!2d11.756509115658034!3d48.39527887924483!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479e6b2b062fc7d9%3A0xa384bf5e886e3cc8!2sErdinger+Str.+49%2C+85356+Freising!5e0!3m2!1sde!2sde!4v1487439219809" width="350" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>

    Unfortunately nothing is being displayed.

    Afterwards I was trying it with the [x_google_map] tag, but then I see google related errors in this section.

    Can you please give me a hint to insert the maps code?

    Many thanks in advance,
    Michael

    #1376370

    Kapalai
    Participant

    PS: You can see the last result with [x_google_map] tag here (only in mobile resolution as not activated for desktop/tablet!)

    http://www.testdomaene.de/index.php/standorte/

    #1376712

    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! Did you inserted a Google Map API key? Please use the map embed shortcode instead.

    
    [map]<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2649.190801792625!2d11.756509115658034!3d48.39527887924483!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479e6b2b062fc7d9%3A0xa384bf5e886e3cc8!2sErdinger+Str.+49%2C+85356+Freising!5e0!3m2!1sde!2sde!4v1487439219809" width="350" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>[/map]

    Hope this helps. Please let us know how it goes.

    #1376997

    Kapalai
    Participant

    Hi,

    thanks for you reply.
    I have added a google maps API key as shown here:

    Map Error

    Now I have three new problems:
    1) On Desktop view (> 1024), the map layers are not shown in the correct size (should be: 300 x 300)
    2) On Tablet view (< 778), only one map layer is shown on a very wrong position
    3) On mobile view (< 480), the layer is shon as a black line only

    Would you kindly doublecheck the site once more on http://www.testdomaene.de/index.php/standorte/

    I can provide support access to my pag if required.

    Many thanks,
    Michael

    #1377086

    Christian
    Moderator

    Hey there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1377108

    Kapalai
    Participant
    This reply has been marked as private.
    #1377357

    Rad
    Moderator

    Hi there,

    You enabled custom grid but you didn’t arrange your layers correctly for that grid view(device). And your layers falls out the grid.

    Please check these
    https://www.themepunch.com/faq/incorrect-position-or-size-for-text-button-or-shape/
    https://www.themepunch.com/revslider-doc/layer-responsive-behavior/
    https://www.themepunch.com/faq/mobile-viewport-options-missing/

    Please arrange your layers for specific device correctly.

    Thanks!

    #1378638

    Kapalai
    Participant

    Hi,

    the size (width and height) of the layers in addition is smaller than the whole grid size. Must be something else.

    I’ve decided to work with images and simple links to google maps in new window.

    Nevertheless, many thanks for your support!
    It is a pleasure, knowing to get fast help!!

    Best regards,
    Michael

    #1378836

    Jade
    Moderator

    You’re most welcome, Michael.