Fix map url

This commit is contained in:
Ibnu Maksum 2024-03-19 10:22:54 +07:00
parent 393a1195a5
commit 8f595af9a1
No known key found for this signature in database
GPG key ID: 7FC82848810579E5
2 changed files with 27 additions and 24 deletions

View file

@ -5,7 +5,7 @@
* by https://t.me/ibnux * by https://t.me/ibnux
**/ **/
_admin(); _admin();
$ui->assign('_system_menu', 'map'); $ui->assign('_system_menu', 'map');
$action = $routes['1']; $action = $routes['1'];
@ -22,14 +22,16 @@ switch ($action) {
$customerData = []; $customerData = [];
foreach ($c as $customer) { foreach ($c as $customer) {
$customerData[] = [ if (!empty($customer->coordinates)) {
'id' => $customer->id, $customerData[] = [
'name' => $customer->fullname, 'id' => $customer->id,
'balance' => $customer->balance, 'name' => $customer->fullname,
'address' => $customer->address, 'balance' => $customer->balance,
'info' => Lang::T("Username") . ": " . $customer->username . " - " . Lang::T("Full Name") . ": " . $customer->fullname . " - " . Lang::T("Email") . ": " . $customer->email . " - " . Lang::T("Phone") . ": " . $customer->phonenumber . " - " . Lang::T("Service Type") . ": " . $customer->service_type, 'address' => $customer->address,
'coordinates' => '[' . $customer->coordinates . ']', 'info' => Lang::T("Username") . ": " . $customer->username . " - " . Lang::T("Full Name") . ": " . $customer->fullname . " - " . Lang::T("Email") . ": " . $customer->email . " - " . Lang::T("Phone") . ": " . $customer->phonenumber . " - " . Lang::T("Service Type") . ": " . $customer->service_type,
]; 'coordinates' => '[' . $customer->coordinates . ']',
];
}
} }
$ui->assign('customers', $customerData); $ui->assign('customers', $customerData);

View file

@ -1,18 +1,19 @@
{include file="sections/header.tpl"} {include file="sections/header.tpl"}
<!-- Map container div --> <!-- Map container div -->
<div id="map" style="width: 800px; height: 600px; margin: 20px auto"></div> <div id="map" style="width: '100%'; height: 600px; margin: 20px auto"></div>
{literal} {literal}
<script> <script>
window.onload = function() { window.onload = function() {
var map = L.map('map').setView([51.505, -0.09], 13); var map = L.map('map').setView([51.505, -0.09], 13);
var group = L.featureGroup().addTo(map); var group = L.featureGroup().addTo(map);
var customers = {/literal}{$customers|json_encode}{literal}; var customers = {/literal}{$customers|json_encode}{literal};
L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', { L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>', attribution:
'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd', subdomains: 'abcd',
maxZoom: 20 maxZoom: 20
}).addTo(map); }).addTo(map);
@ -27,20 +28,20 @@
// Create a popup for the marker // Create a popup for the marker
var popupContent = "<strong>Customer Name</strong>: " + name + "<br>" + var popupContent = "<strong>Customer Name</strong>: " + name + "<br>" +
"<strong>Customer Info</strong>: " + info + "<br>" + "<strong>Customer Info</strong>: " + info + "<br>" +
"<strong>Customer Balance</strong>: " + balance + "<br>" + "<strong>Customer Balance</strong>: " + balance + "<br>" +
"<strong>Address</strong>: " + address + "<br>" + "<strong>Address</strong>: " + address + "<br>" +
"<strong>Coordinates</strong>: " + coordinates + "<br>" + "<strong>Coordinates</strong>: " + coordinates + "<br>" +
"<a href='{$_url}customers/view/"+ customer.id +"'>More Info</a><br>"; "<a href='{/literal}{$_url}{literal}customers/view/"+ customer.id +"'>More Info</a><br>";
// Add marker to map // Add marker to map
var marker = L.marker(JSON.parse(coordinates)).addTo(group); var marker = L.marker(JSON.parse(coordinates)).addTo(group);
marker.bindTooltip(name).bindPopup(popupContent); marker.bindTooltip(name).bindPopup(popupContent);
}); });
map.fitBounds(group.getBounds()); map.fitBounds(group.getBounds());
} }
</script> </script>
{/literal} {/literal}
{include file="sections/footer.tpl"} {include file="sections/footer.tpl"}