I found the solution: I had to call the method invalidateSize(); on the map.
best regards, Chris > Am 20.04.2015 um 18:02 schrieb Chris <chris...@gmx.at>: > > I have created a quickstart project: https://github.com/cat1000/Map > > Thanks, Chris > > >> Am 20.04.2015 um 17:12 schrieb Chris <chris...@gmx.at>: >> >> PS: the map is generated using the Leaflet JS library <http://leafletjs.com> >> >> >> >>> Am 20.04.2015 um 16:51 schrieb Chris <chris...@gmx.at>: >>> >>> Hi all, >>> >>> I have a map panel whose height is dynamically calculated as it should >>> always go till the bottom of the page and above, other elements have set a >>> dynamic height. >>> I am calculating the height with JS (i.e. >>> $('#map').height(Math.round($(window).height() - variable));) and call the >>> JS function via >>> response.render(OnDomReadyHeaderItem.forScript("calcHeight();")); >>> >>> The problem is that the height of the layer (see grey area) is right, but >>> the overlay’s height is wrong. See http://pasteboard.co/2HYMXcRA.png >>> <http://pasteboard.co/2HYMXcRA.png> >>> It seems that the dynamically calculated height is not taken into account >>> for the overlay. (when declaring the height in CSS it works without >>> problems). >>> >>> Would it help to generate the script below as well in Wicket/Java and put >>> it in the response via #OnDomReadyHeaderItem? But how to put it right in >>> the DIV element of the panel then? >>> >>> The map panel looks like this: >>> >>> <wicket:panel> >>> <div id="map"></div> >>> <script> >>> // create a map in the "map" div, set the view to a given place and zoom >>> var map = L.map('map').setView([51.505, -0.09], 13); >>> >>> // add an OpenStreetMap tile layer >>> L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { >>> attribution: '© <a href="http://osm.org/copyright";>OpenStreetMap</a> >>> contributors' >>> }).addTo(map); >>> >>> // add a marker in the given location, attach some popup content to it and >>> open the popup >>> L.marker([51.5, -0.09]).addTo(map) >>> .bindPopup('A pretty CSS3 popup. <br> Easily customizable.') >>> .openPopup(); >>> </script> >>> </wicket:panel> >>> >>> Thanks a lot, >>> Chris >>> >>> >>> >> >> >> --------------------------------------------------------------------- >> To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org >> For additional commands, e-mail: users-h...@wicket.apache.org >> > > > --------------------------------------------------------------------- > To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > For additional commands, e-mail: users-h...@wicket.apache.org >
