WebSite X5Help Center

 
Antal Z.
Antal Z.
User

Google Map responsive option or percentage.  en

Auteur : Antal Z.
Visité 1410, Followers 1, Partagé 0  

Google Map responsive option or percentage. When you resize a cell, it is not filled in the same way as the cell next to it. When resizing cell 2, follow the cell boundaries.

Google MapsObject version: 15

Proper view:

Bad view:

Proper view:

Posté le
10 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > En) ... the map should always keep the same height, with the width set to 100% ...
... however it would be better to post the LINK to evaluate online ...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Aleksej H.
Aleksej H.
Moderator

Hello.Try inserting map using the HTML code object.For example:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d8625.108824505696!2d36.22569738560342!3d50.006478147038145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4127a6b0efbb1825%3A0x78e6fb3cb4d1b321!2z0L_RgNC-0YHQvy4g0J3QsNGD0LrQuCwg0KXQsNGA0YzQutC-0LIsINCl0LDRgNGM0LrQvtCy0YHQutCw0Y8g0L7QsdC70LDRgdGC0YwsIDYxMDAw!5e0!3m2!1sru!2sua!4v1570596661851!5m2!1sru!2sua" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

Also try Line break. Place map on the entire line on small screens.

Lire plus
Posté le de Aleksej H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antal Z.
Ciao  KolAsim Questo è un sito di prova in cui ho provato a introdurre il plug-in di Google Maps Object. Sfortunatamente, non funziona correttamente. Non segue il bordo della cella durante il ridimensionamento. Al contrario, il codec google inserito è sì. Link all'oggetto: https://market.websitex5.com/en/objects/live-preview/3cf33897-195f-4685-bcdb-75492dfdb6

(It > En) ... the Marketplace template seems to work correctly ...
... you need to post your LINK of your online example here to evaluate ...
... to manage the map as you wish, you should use the GOOGLE IFRAME code, and as I told you before, set the width to 100%, ... as you posted before Aleksej H. ...

Hello, ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Antal Z.
Antal Z.
User
Auteur

HI KolAsim

The px value can NOT be set to a percentage (%)!

The width and height cannot be 100%.

Lire plus
Posté le de Antal Z.
Antal Z.
Antal Z.
User
Auteur

Aleksej H

Thank you for your comment but if you observe the map on the left is inserted as Google code.

The map object should be upgraded to behave as if it were inserted as a code.

Lire plus
Posté le de Antal Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... the left cell and the right cell have different objects and features ...
... try to recreate the same conditions as the Marketplace example ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Antal Z.
Antal Z.
User
Auteur
 ‪ KolAsim ‪ ‪
... the left cell and the right cell have different objects and features ... ... try to recreate the same conditions as the Marketplace example ... .

HI KolAsim ‪

This is what I wanted to tell you when there are two different objects side by side when the map does not fill the cell. But it resizes itself as if it were a picture. You should upgrade the object to fill the cell.

Google Map responsive

If you resize, the map will be small and not displayed properly. Do you understand the problem?

Lire plus
Posté le de Antal Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK, ok, ...... to the STAFF... wink...

 ‪ KolAsim ‪ ‪
... ...  ... to manage the map as you wish, you should use the GOOGLE IFRAME code, and as I told you before, set the width to 100%, ... as you posted before Aleksej H. ... Hello, ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Incomedia
Stefano G.
Incomedia

Hello Antal

Thank you for your report

I've reported this so that it might be considered for the future. I definitely understand your point, so I've forwarded your test project as well

I thank you for your feedback and for taking the time to open this Idea topic

Stefano

Lire plus
Posté le de Stefano G.