diff --git a/srcs/plugins/map_prof/scripts/mp_info_window.js b/srcs/plugins/map_prof/scripts/mp_info_window.js index b8b9034..19351d3 100644 --- a/srcs/plugins/map_prof/scripts/mp_info_window.js +++ b/srcs/plugins/map_prof/scripts/mp_info_window.js @@ -26,13 +26,9 @@ function attach_info_window(map, marker, events, infowindow) { marker.addListener('click', () => { - // test : - //marker.setMap(null); - let view_center = map.getCenter(); - let marker_position = marker.getPosition(); - console.log("marker position: " + marker_position); - let window_position = view_center; + // height must be half css value (mp_info_windows.css -> '--size: XXXpx;') + let window_offset = { width: 0, height: 150 }; infowindow.setOptions({ //disableAutoPan: true, @@ -44,11 +40,8 @@ function attach_info_window(map, marker, events, infowindow) { //minWidth: 400, /* center window */ - position: window_position, - - /* center window */ - //position: (map.getCenter()), - //pixelOffset: { width: 50, height: 50 }, + position: view_center, + pixelOffset: window_offset, //shouldFocus: false, }); diff --git a/srcs/plugins/map_prof/styles/mp_info_windows.css b/srcs/plugins/map_prof/styles/mp_info_windows.css index a799a0a..cb137d6 100644 --- a/srcs/plugins/map_prof/styles/mp_info_windows.css +++ b/srcs/plugins/map_prof/styles/mp_info_windows.css @@ -29,6 +29,15 @@ content */ #info_window { - margin: 20px; + /* size must be double js 'height' value (mp_info_windows.js -> '{ ... height: XXX }' */ + --size: 300px; + --margin: 10px; + --real-size: calc(var(--size) - 2 * var(--margin)); + box-sizing: border-box; + margin: var(--margin); + padding: 5px; + height: var(--real-size); + width: var(--real-size); + overflow: scroll; }