Vai al contenuto principale Passa a contenuto complementare
Risorse Qlik

Creazione di una mappa con un livello sfondo immagine

È possibile utilizzare le immagini come mappe base personalizzate nelle visualizzazioni della mappa. Si supponga ad esempio di voler visualizzare i dati su una planimetria.

Questo grafico mappa di esempio mostra la planimetria di un ufficio con un livello punti. Ogni bolla è posizionata sopra la scrivania di un dipendente. La media settimanale dei problemi dei clienti gestiti ogni giorno dal dipendente determina la dimensione e il colore di ogni bolla.

Esempio di mappa con immagine di una planimetria di sfondo con un livello punti che mostra i dipendenti dimensionati in base al numero di problemi dei clienti risolti

Esempio di mappa con immagine di una planimetria di sfondo con un livello punti che mostra i dipendenti dimensionati in base al numero di problemi dei clienti risolti

In questo esempio la scala predefinita è nascosta. Le immagini non hanno una scala coerente. La dimensione dell'immagine in un livello di sfondo della mappa dipende anche dalle coordinate impostate dall'utente per gli angoli dell'immagine.

Set di dati

In questo esempio si utilizzano due tabelle e un'immagine di sfondo.

Modalità di generazione

Nota informaticaGli URL che contengono richieste di risorse a risorse esterne devono avere le proprie origini nella allowlist all'interno dei Criteri di sicurezza dei contenuti, in caso contrario la risorsa non verrà caricata. Le risorse WMS devono presentare nella allowlist le direttive image-src e connect-src.

Vedere anche Gestione dei criteri di sicurezza dei contenuti.

Prima di iniziare

Prima di iniziare, è necessario aggiungere l'origine seguente alla allowlist per Criteri di sicurezza dei contenuti: https://help.qlik.com. Questa origine deve essere aggiunta con il seguente Directive: image-src. Questa operazione viene eseguita nel centro attività Amministrazione da un amministratore tenant.

Per ulteriori informazioni sull'aggiunta di voci ai Criteri di sicurezza dei contenuti, vedere Creazione di una voce della CSP.

Creazione della mappa

Procedere come indicato di seguito:

  1. Aggiungere le sorgenti dati all'app e associare le tabelle utilizzando i campi EmployeeNumber in ogni tabella.
  2. Aggiungere un grafico mappa in un foglio.
  3. Fare clic su Apri proprietà avanzate.

  4. In Impostazioni mappa procedere come segue:

    • Cambiare Mappa base in Nessuna.
    • Cambiare Proiezione in Definito dall'utente (gradi).

  5. In Aspetto > Presentazione procedere come segue:

    • Spostare la Barra scala su Disattivato.
    • Impostare Livelli di zoom limite su Personalizzato e impostare lo zoom su Zoom 7x - Zoom 8x.

  6. Aggiungere un livello sfondo alla mappa e, in Dati, procedere come segue:

    • In Formato selezionare Immagine.
    • Impostare l'URL su https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_map-image-background-example.png.
    • Impostare l'Angolo in alto a sinistra su 2,5 per In alto (latitudine) e su -4,1 per A sinistra (longitudine).
    • Impostare l'Angolo in basso a destra su -2,5 per In basso (latitudine) e su 4.1 per A destra (longitudine).
    Nota informatica

    In questo punto dell'esempio, l'immagine non viene ancora visualizzata. Dopo aver aggiunto un livello punti con il passaggio successivo, la mappa si aggiorna con la scala e la posizione dell'immagine corrette.

  7. Aggiungere un livello punti alla mappa e procedere come segue:

    • In Dati aggiungere Dipendente come campo.
    • In Posizione, selezionare Campi latitudine e longitudine. Impostare Latitudine come Campo latitudine e Longitudine come Campo longitudine.
    • In Dimensione e forma impostare Dimensione in base a su Avg(CustomerIssues).

    • In Colori, compiere la seguente operazione:

      • Impostare il valore di Colori su Personalizzato e applicare il colore In base alla misura.
      • Selezionare Avg(CustomerIssues) come misura.
      • Selezionare Classi diverse come schema colori.

Per ottenere lo stesso aspetto dell'immagine in cima alla pagina, impostare il tema dell'app su Sense Classico.

Hai trovato utile questa pagina?

Se riscontri problemi con questa pagina o con il suo contenuto – un errore di battitura, un passaggio mancante o un errore tecnico – facci sapere come possiamo migliorare!

Lascia qui il tuo feedback