WebSite X5Help Center

 
Antal Z.
Antal Z.
User

Google Map responsive option or percentage.  en

Author: Antal Z.
Visited 125, Followers 1, Shared 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:

Posted on the
10 ANSWERS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FR

(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

.

Read more
Posted on the from  ‪ 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.

Read more
Posted on the from Aleksej H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FR
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

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Antal Z.
Antal Z.
User
Author

HI KolAsim

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

The width and height cannot be 100%.

Read more
Posted on the from Antal Z.
Antal Z.
Antal Z.
User
Author

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.

Read more
Posted on the from Antal Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FR

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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Antal Z.
Antal Z.
User
Author
 ‪ 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?

Read more
Posted on the from Antal Z.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month FR

... 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

.

Read more
Posted on the from  ‪ 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

Read more
Posted on the from Stefano G.