Speed up Wereldexport map loading dramatically.
Limit world overview payload, optimize SQL joins, cache bundle and tiles, reuse map instance, and show loading state.
This commit is contained in:
@@ -4,11 +4,11 @@
|
||||
<link rel="stylesheet" href="/static/vendor/leaflet/leaflet.css?v=1" />
|
||||
<link rel="stylesheet" href="/static/vendor/leaflet.markercluster/MarkerCluster.css?v=1" />
|
||||
<link rel="stylesheet" href="/static/vendor/leaflet.markercluster/MarkerCluster.Default.css?v=1" />
|
||||
<link rel="stylesheet" href="/static/css/export-intel.css?v=13" />
|
||||
<link rel="stylesheet" href="/static/css/export-intel.css?v=14" />
|
||||
<link rel="stylesheet" href="/static/css/export-intel-tabs.css?v=10" />
|
||||
<script src="/static/vendor/leaflet/leaflet.js?v=1"></script>
|
||||
<script src="/static/vendor/leaflet.markercluster/leaflet.markercluster.js?v=1"></script>
|
||||
<script src="/static/js/export-intel-map.js?v=9"></script>
|
||||
<script src="/static/js/export-intel-map.js?v=10"></script>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="ei-page" x-data="exportIntelApp()" x-init="init()">
|
||||
@@ -237,7 +237,8 @@
|
||||
</div>
|
||||
<div class="ei-split">
|
||||
<div class="ei-map-error" x-show="mapError" x-cloak x-text="mapError"></div>
|
||||
<div class="ei-map-wrap"><div id="ei-map"></div></div>
|
||||
<p class="ei-map-truncated" x-show="mapTruncated && !mapLoading" x-cloak>Wereldoverzicht toont de belangrijkste ~2.500 locaties. Filter op regio of land voor meer detail.</p>
|
||||
<div class="ei-map-wrap"><div class="ei-map-loading" x-show="mapLoading" x-cloak><span class="ei-map-spinner"></span> Kaart laden…</div><div id="ei-map"></div></div>
|
||||
<div class="ei-panel">
|
||||
<h3 style="margin:0 0 0.5rem;font-size:0.9rem" x-text="mapHalalMode ? 'Top halal-kansen' : 'Entities op kaart'"></h3>
|
||||
<p style="font-size:0.75rem;color:#64748b;margin:0 0 0.75rem" x-show="!mapHalalMode">Klik rij of kaart-pin voor volledig profiel.</p>
|
||||
@@ -797,5 +798,5 @@
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block scripts %}
|
||||
<script src="/static/js/export-intel.js?v=12"></script>
|
||||
<script src="/static/js/export-intel.js?v=13"></script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user