Chargement différé

Lorsque la ou les cartes ne sont pas visibles avant la zone de défilement, il peut être intéressant de les charger en différé. Le composant intermédiaire delayed-script permet avec son attribut lazy de n'exécuter le script de chargement de la carte que lorsque le composant s'apprête à être visible.

Example

html

<script 
  type="module" 
  src="https://tmaps.rc.preprod:8181/v2/delayed-script.mjs">
</script>

  ...

<delayed-script lazy class="france">
  <script>
    import {createMap,MapTypes,ZoomOptions}
      from 'https://tmaps.rc.preprod:8181/v2/mod.mjs';
    const target = document.querySelector('delayed-script.france');
    const center = [2.232, 46.441];
    const range = [7, 5];
    const options = {
      target,
      center,
      range,
      allow_zoom: ZoomOptions.never
    };
    const map = await createMap(MapTypes.OpenStreetMap, options);
  </script>
</delayed-script>

France

Allemagne

Italie

Espagne

Grande Bretagne