itsdave/fusionpbx_connect
2
0
Fork 0
mirror of https://github.com/itsdave-de/fusionpbx_connect.git synced 2025-05-06 15:45:15 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix load map with resolution

Browse Source
This commit is contained in:
Luiz Costa 2024-06-07 12:24:09 +01:00
parent 7e37d40f31
commit b33a81c3bf
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
fleet_management/fleet_management/doctype/trip/trip_list.js
View File

@ -8,7 +8,7 @@ function loadLeafletAndInitMap(frm, callback) {
function create_dialog_and_init_map(frm) { function create_dialog_and_init_map(frm) {
const dialog = new frappe.ui.Dialog({ const dialog = new frappe.ui.Dialog({
title: 'Show Route', title: 'Show Route',
fields: [{ fieldtype: 'HTML', fieldname: 'map_html', label: 'Map', options: ' < div id="map" style="width:100%;height:100%;" ></div>' }], fields: [{ fieldtype: 'HTML', fieldname: 'map_html', label: 'Map', options: '<div id="map" style="width:100%;height:100%;"></div>' }],
primary_action_label: 'Close', primary_action_label: 'Close',
primary_action() { primary_action() {
if (currentMap) { if (currentMap) {
@ -31,7 +31,16 @@ function create_dialog_and_init_map(frm) {
}; };
dialog.show(); dialog.show();
setTimeout(() => init_map(frm), 500); // Add a delay to ensure the map loads correctly
// Ensure the map container expands to fit its parent after the dialog is shown
setTimeout(() => {
const mapElement = document.getElementById('map');
if (mapElement) {
mapElement.style.width = "100%";
mapElement.style.height = "100%";
init_map(frm); // Initialize the map
}
}, 500); // Add a delay to ensure the map loads correctly
} }
var currentMap = null; var currentMap = null;
@ -127,11 +136,6 @@ function init_map(frm) {
function show_map(frm) { function show_map(frm) {
console.log("Loading map..."); console.log("Loading map...");
// Ensure the map container expands to fit its parent
document.getElementById('map').style.width = "100%";
document.getElementById('map').style.height = "100%";
loadLeafletAndInitMap(frm, create_dialog_and_init_map); loadLeafletAndInitMap(frm, create_dialog_and_init_map);
} }