pro/2023_WEBSITE_jipf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip infowindow is centered

Browse Source
This commit is contained in:
lenovo
2022-11-13 12:20:53 +01:00
parent d34d18e88d
commit 4397b4376e
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
srcs/plugins/map_prof/scripts/mp_info_window.js
View File

@@ -26,13 +26,9 @@ function attach_info_window(map, marker, events, infowindow) {
marker.addListener('click', () => { marker.addListener('click', () => {
// test :
//marker.setMap(null);
let view_center = map.getCenter(); let view_center = map.getCenter();
let marker_position = marker.getPosition(); // height must be half css value (mp_info_windows.css -> '--size: XXXpx;')
console.log("marker position: " + marker_position); let window_offset = { width: 0, height: 150 };
let window_position = view_center;
infowindow.setOptions({ infowindow.setOptions({
//disableAutoPan: true, //disableAutoPan: true,
@@ -44,11 +40,8 @@ function attach_info_window(map, marker, events, infowindow) {
//minWidth: 400, //minWidth: 400,
/* center window */ /* center window */
position: window_position, position: view_center,
pixelOffset: window_offset,
/* center window */
//position: (map.getCenter()),
//pixelOffset: { width: 50, height: 50 },
//shouldFocus: false, //shouldFocus: false,
}); });

11
srcs/plugins/map_prof/styles/mp_info_windows.css
View File

@@ -29,6 +29,15 @@
content content
*/ */
#info_window { #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;
} }