Vue

Approche recommandée

En Vue, le Web Component est la voie la plus directe.

Pré-requis: le script Geoviewer doit être chargé (voir Web Component via balise <script>).

Exemple

<template>
    <geoviewer-esri-element class="gv-host" />
</template>

<style scoped>
.gv-host {
    display: block;
    width: 100%;
    height: 100vh;
}
</style>

Points d’attention

• Donnez une hauteur explicite au composant.
• Si vous utilisez une IIFE auto-hébergée, vous pouvez passer loadingOptions comme propriété (voir Options de chargement).

Aller plus loin

• React
• Svelte
• Options de chargement