Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
I am implementing the google maps add-on, and I can't make it work to take all empty space in the layout, without giving it the exact pixels amount.
Is there any way, as using vflex/hflex (that I've tried but I haven't been able to make it work)?
Thanks for tour help in advance.
I attach you the code I have now
<vlayout vflex="1" hflex="1">
<hlayout vflex="1" hflex="1">
<gmaps version="3.26" id="gmaps" lat="37.4410" lng="-122.1490" showSmallCtrl="true" protocol="https">
<ginfo id="info" open="true" content="Hello, <a href="http://www.zkoss.org\">ZK</a>."/>
<gmarker id="marker" lat="37.4410" lng="-122.1490" content="Hello, <a href="http://www.zkoss.org">ZK</a> on top of Gmarker."/>
</gmaps>
</hlayout>
</vlayout>
I could reproduce a bug when nesting the <gmaps> component inside an <hlayout>
If you can live without that the easiest way is to just use a <div>
<div vflex="1" hflex="1">
<gmaps width="100%" height="100%" version="3.26" id="gmaps" lat="37.4410" lng="-122.1490" showSmallCtrl="true" />
</div>
or
<div vflex="1" hflex="1">
<gmaps vflex="1" hflex="1" version="3.26" id="gmaps" lat="37.4410" lng="-122.1490" showSmallCtrl="true" />
</div>
UPDATE: I posted the following bug ZKGMAPS-18
A simple workaround is to apply a min-width to the gmaps component:
<gmaps vflex="1" hflex="1" ... style="min-width: 1px" />
FIXED: ZKGMAPS-18 for 3.0.5
Asked: 2017-09-26 22:27:00 +0800
Seen: 13 times
Last updated: May 16 '18