ruangrupa/lumbung.space
ruangrupa
/
lumbung.space
1
0
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity

map: display popup on clicking marker or route

This commit is contained in:
desmukh 2023-01-31 16:24:39 +05:00
parent 8f7b53be73
commit 99bea6ae6c
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
themes/lumbung-theme/layouts/shortcodes/publishers_map.html
View File

@ -32,8 +32,23 @@
var end = L.GeoJSON.coordsToLatLng({{ .endPoint.location }});
var startMarker = L.marker(start).addTo(map);
startMarker.bindPopup({{ .startingPoint.name }});
var endMarker = L.marker(end).addTo(map);
var route = L.polyline([start, end], {color: 'red'}).addTo(map);
endMarker.bindPopup({{ .endPoint.name }});
var route = L.polyline([start, end], {color: '#000'}).addTo(map);
var productsString = "";
var productsList = {{ .products }};
productsList.forEach((product, i) => productsString = productsString + product.productTitle + (i + 1 < productsList.length ? ', ' : ""));
route.bindPopup(
'<p>Origin: <strong>' + {{ .startingPoint.name }} + '</strong><br />' +
'Destination: <strong>' + {{ .endPoint.name }} + '</strong><br />' +
'Courier: <strong>' + {{ .courier.name }} + '</strong><br />' +
'Products: <strong>' + productsString + '</strong><br />' +
'Status: <strong>' + {{ .status }} + '</strong></p>');
{{ end }}
{{ end }}