Esri et CesiumJS\/Resium Cartes Sectionnelles FAA Erreur 404

BrandonBerisford

Bonjour à tous. J'essaie de créer une application cartographique utilisant CesiumJS avec react via la bibliothèque Resium. Je souhaite afficher les Cartes Sectionnelles VFR de la FAA situées ici : https://faa.maps.arcgis.com/home/item.html?id=6ab79dc5de5743adb3e3b6e3c803aa59

Je suis assez nouveau avec Cesium\/Resium. J'ai lu la documentation ArcGis\/CesiumJS située ici pour charger des tuiles de carte : https://developers.arcgis.com/cesiumjs/layers/add-map-tiles/ Qui utilise bien sûr uniquement CesiumJS de base. J'ai vérifié que mes jetons d'accès sont corrects et non nuls ou autre. Mon jeton développeur arcgis a toutes les permissions disponibles que je pouvais définir. J'ai aussi essayé d'utiliser l'URL des tuiles de carte pour les parcelles de santa monica ici : https://developers.arcgis.com/cesiumjs/layers/ et j'obtiens toujours une erreur 404. Je passe mon jeton d'accès comme vous pouvez le voir, et il y avait 1 URL arcgis que j'ai trouvée pour laquelle je POUVAIS charger des tuiles. Y a-t-il un genre de paramètre de permissions que je dois configurer pour accéder à ces tuiles FAA ? Il est indiqué qu'elles sont publiques ? Je suis nouveau dans tout ça donc il doit y avoir quelque chose que je rate pour me connecter correctement et obtenir ces tuiles. Merci pour toute aide que vous pourrez fournir.

 

 

import { ArcGisMapServerImageryProvider, ArcGisMapService, ImageryLayer, Ion } from 'cesium';
import { useEffect, useState } from "react";
import { Viewer } from "resium";

function App() {
  const arcGisApiKey = import.meta.env.VITE_ARCGIS_API_KEY;
  const cesiumAccessToken = import.meta.env.VITE_CESIUM_API_KEY;

  Ion.defaultAccessToken = cesiumAccessToken;
  ArcGisMapService.defaultAccessToken = arcGisApiKey;

  Ion.defaultAccessToken = cesiumAccessToken;
  ArcGisMapService.defaultAccessToken = arcGisApiKey;

  const [vfrImagery, setVfrImagery] = useState<ImageryLayer | undefined>(undefined);

  useEffect(() => {
    async function loadImagery() {
      try {
        const vfrImageryProvider = await ArcGisMapServerImageryProvider.fromUrl(
          "https://tiles.arcgis.com/tiles/ssFJjBXIUyZDrSYZ/arcgis/rest/services/VFR_Sectional/MapServer"
        );
        const vfrImageryLayer = new ImageryLayer(vfrImageryProvider);
        setVfrImagery(vfrImageryLayer);

      } catch (error) {
        console.error("Erreur lors du chargement des fournisseurs d'images :", error);
      }
    }

    loadImagery();
  }, [arcGisApiKey]);

  return (
    <Viewer
      baseLayer={vfrImagery}
      timeline={false}
      animation={false}
      geocoder={false}
    >
    </Viewer>
  );
}

export default App;<\/code><\/pre>   

BrandonBerisford

 ugh....okay well this embaressing but it's because I didn't zoom in enough....once I zoomed in the tiles loaded in. I guess they have a min/max zoom for when they start to appear.