Configurare iframe per incorporare report pubblicati

Insights in ArcGIS Online
Insights in ArcGIS Enterprise
Insights desktop

È possibile incorporare report Insights nel codice HTML usando il tag <iframe>. Un frame non ancorato (iframe) consente d'incorporare un documento HTLM in un altro documento (pagina). È possibile configurare un iframe in due modi: ottimizzando un iframe da incorporare inArcGIS StoryMaps o personalizzando un iframe che può essere incorporato in siti web o in altre app ArcGIS.

Configurare un iframe

Viene generato un iframe quando si pubblica un report interattivo.

Procedere come segue per configurare un iframe:

  1. Seguire i passaggi per pubblicare un report interattivo.
  2. Nella finestra Report pubblicato correttamente, sotto Incorpora, fare clic sul pulsante Opzioni per visualizzare le opzioni iframe.
  3. Scegliere ArcGIS StoryMaps o iFrame personalizzato.
  4. In Dimensione, aprire il menu e scegliere una dimensione.

    Per ArcGIS StoryMaps, le opzioni di dimensione sono Predefinite e Personalizzate. Per l'iFrame personalizzato, le opzioni di dimensione sono Piccolo, Medio, Grande, e Personalizzata.

  5. Fare click sul pulsante Copia per copiare l'iframe.

È possibile copiare l'iframe nel codice HTML o in una app che supporti gli iframe incorporati.

ArcGIS StoryMaps iframe

È possibile ottimizzare i report pubblicati per incorporarli in ArcGIS StoryMaps.

Il blocco Incorporare nello story builder ha tre opzioni di dimensione: piccolo, medio e grande. Gli iframe ottimizzati per ArcGIS StoryMapsriempiono la larghezza del blocco. Per risultati migliori, adattare la dimensione del blocco Incorpora e la larghezza del report Insights come segue:

Dimensione blocco IncorporareLarghezza massima del report Insights

Piccolo

Due schede a dimensione predefinita

Strumento

Tre schede a dimensione predefinita

Grande

Quattro schede a dimensione predefinita

Qualora la dimensione del report Insights sia più larga del blocco Incorpora, appariranno alcune barre di scorrimento.

Le dimensioni degli iframe che seguono sono disponibili per gli iframeArcGIS StoryMaps:

DimensioneDimensioniDescrizione

Impostazione predefinita

Larghezza = 100%

Altezza = 100%

L'iframe è dimensionato per adattarsi alle dimensioni predefinite di un blocco Incorporato (piccolo, medio o grande) nel story builder.

Personalizza

Larghezza = 100%

Altezza = Altezza delle schede sul report

L'iframe è dimensionato alla larghezza del blocco Incorpora (piccolo, medio o grande) e all'altezza delle schede sul report.

L'altezza di un'iframe personalizzato può essere modificata e supporta sia pixel che percentuali.

Iframe personalizzati

Gli iframe personalizzati possono essere incorporati nella maggior parte dei codici HTML, inclusi siti web e prodotti ArcGIS come ArcGIS Experience Builder, ArcGIS Dashboards, e ArcGIS Hub.

Nota:

Si raccomanda l'utilizzo di una singola scheda in un piccolo iframe quando si incorporano Insightscontenuti in Experience Builder, per ottimizzarne la visualizzazione su dispositivi di piccole e medie dimensioni.

Le dimensioni degli iframe che seguono sono disponibili per iframe personalizzati:

DimensioneDimensioniDescrizione

Piccolo

Larghezza = 420 pixel

Altezza = 420 pixel

La dimensione di una singola mappa, grafico o scheda tabella, alla dimensione predefinita. Qualora il report sia più largo delle dimensioni dell'iframe, apparirà una barra di scorrimento.

Strumento

Larghezza = 830 pixel

Altezza = 830 pixel

La dimensione di quattro schede della dimensione predefinita, organizzate come due file di due schede. Qualora il report sia più largo delle dimensioni dell'iframe, apparirà una barra di scorrimento.

Grande (predefinito)

Larghezza = 100%

Altezza = 100%

La dimensione reale dell'elemento iframe nel codice HTLM.

Personalizza

Larghezza = Larghezza delle schede sul report

Altezza = Altezza delle schede sul report

Le dimensioni delle schede, in pixel, sul report in modo tale che il report intero sia visibile senza barre di scorrimento.

L'altezza e la larghezza di un iframe personalizzato può essere modificata e supporta sia pixel che percentuali.

Risorse

Usare le seguenti risorse per saperne di più: