Skip to content

Commit

Permalink
feat(templates): add JS for maps
Browse files Browse the repository at this point in the history
Add JavaScript to display Leaflet maps for
RDF imports of Place objects.
  • Loading branch information
b1rger authored and koeaw committed May 8, 2024
1 parent e95444d commit 97b0a80
Showing 1 changed file with 39 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
{% extends "apis_core/apis_entities/abstractentity_form.html" %}
{% block scriptHeader %}
{{ block.super }}
<script type="text/javascript">
function showmap(element) {
$('.popover').remove();
var rect = element.getBoundingClientRect();

mapdiv = document.createElement("div");
mapdiv.classList.add("popover");
mapdiv.setAttribute("id", "popovermap");
ptop = rect.top + window.scrollY - 250;
pleft = rect.left + window.scrollX - 550;
$(mapdiv).offset({top: ptop, left: pleft});
document.body.appendChild(mapdiv);

if (typeof map != "undefined") { map.off(); map.remove(); }
map = L.map('popovermap', { center: [element.dataset.latitude, element.dataset.longitude], zoom: 7 });
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map);
L.marker([element.dataset.latitude, element.dataset.longitude]).addTo(map);

};
function delmap(element) {
$('.popover').remove();
}
</script>
<style>
#popovermap {
width: 500px;
height: 500px;
}
</style>
{% endblock %}
{% block col-one %}
{{ block.super }}
{% endblock col-one %}
{% block scripts %}
{{ block.super }}
{% endblock scripts %}

0 comments on commit 97b0a80

Please sign in to comment.