Google Maps: size of map

Google Maps: size of map

  

Hi guys, 

I use the Google Maps plugin (web) in my application. But I can't change the size (height) of the map.
It is stuck at the same size. Putting the map to "height 100%" doesn't solve the issue. I tried to work with DIV containers, but I won't fix my issue. 

In the attachment you can see that the map is just half the size I would like it to be...

Can someone help me with this? 

Cheers!

Hi Richard,

It's a bit difficult to know what's going on without knowing how you setup your Container etc. Can you post an example eSpace (OML) that shows your problem?

Hi Richard,

Maybe you can try this class:

    .MapContainer {
        width: 100%;
        height: 100%;
        margin: 0px;
        top: 0px;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
    }

Let me know if it worked!

Regards,

Kilian Hekhuis wrote:

Hi Richard,

It's a bit difficult to know what's going on without knowing how you setup your Container etc. Can you post an example eSpace (OML) that shows your problem?


Hi Kilian, 


Please find the oml in the OutSystems Forge, I use the same oml:

https://www.outsystems.com/forge/component/680/google-maps/


Best regards,

Marco Arede wrote:

Hi Richard,

Maybe you can try this class:

    .MapContainer {
        width: 100%;
        height: 100%;
        margin: 0px;
        top: 0px;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
    }

Let me know if it worked!

Regards,

Hi Marco, 

I tried the class, but it didn't work. 

Regards,
Richard


Solution

Richard Aben wrote:

Marco Arede wrote:

Hi Richard,

Maybe you can try this class:

    .MapContainer {
        width: 100%;
        height: 100%;
        margin: 0px;
        top: 0px;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
    }

Let me know if it worked!

Regards,

Hi Marco, 

I tried the class, but it didn't work. 

Regards,
Richard


Hello Richard,

This class really should have worked. I attached a very simple working example hoping that helps you identifying the problem. If not, maybe it's a good idea for you to share an oml exemplifying your usage of the widget.

Best regards,

Daniel



Solution

Daniel Duarte wrote:

Richard Aben wrote:

Marco Arede wrote:

Hi Richard,

Maybe you can try this class:

    .MapContainer {
        width: 100%;
        height: 100%;
        margin: 0px;
        top: 0px;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
    }

Let me know if it worked!

Regards,

Hi Marco, 

I tried the class, but it didn't work. 

Regards,
Richard


Hello Richard,

This class really should have worked. I attached a very simple working example hoping that helps you identifying the problem. If not, maybe it's a good idea for you to share an oml exemplifying your usage of the widget.

Best regards,

Daniel



Thanks! It works! I don't know what I did wrong, but I will look in to that..