Gå till huvudinnehåll Gå till ytterligare innehåll

Skapa en karta med ett bildbakgrundsskikt

Du kan använda bilder som anpassade baskartor i kartvisualiseringar. Du kanske vill visa data på en planritning.

Här är ett exempel på ett kartdiagram, där en planritning för ett kontor visas med ett punktskikt. Varje bubbla är placerad över en medarbetares skrivbord. Bubblornas storlek och färg bestäms av veckogenomsnittet för hur många kundärenden medarbetaren hanterar per dag.

Kartexempel med en planritning för ett kontor som bildbakgrund, med ett punktskikt som visar medarbetare vars storlek baseras på hur många kundärenden de har löst.

Kartexempel med en planritning för ett kontor som bildbakgrund, med ett punktskikt som visar medarbetare vars storlek baseras på hur många kundärenden de har löst.

Exemplet döljer standardskalan. Bilder har inte någon konsekvent skala för storlek. Bildens storlek i ett kartbakgrundsskikt avgörs även av vilka koordinater användaren anger för bildens hörn.

Datauppsättning

I det här exemplet används två tabeller och en bakgrundsbild.

Så här byggde jag detta

Anteckning om informationOm URL:er innehåller förfrågningar om externa resurser måste ursprunget finnas med i godkända-listan i Säkerhetspolicy för innehåll, annars laddas inte resursen. För WMS-resurser måste både image-src- och connect-src-direktiv finnas med i listan över godkända.

Se Hantera Content Security Policy.

Innan du börjar

Innan du börjar måste följande ursprung läggas till i godkändalistan för Säkerhetspolicy för innehåll: https://help.qlik.com. Detta ursprung skall läggas till med följande Directive: image-src. Detta görs i aktivitetscentret för Administration av en klientorganisationsadministratör.

Se Skapa en CSP-post för mer information om hur du lägger till källor till din säkerhetspolicy för innehåll.

Bygga upp kartan

  1. Lägg till datakällorna i din app och associera tabellerna med EmployeeNumber-fälten i varje tabell.
  2. Lägg till ett kartdiagram i ett ark.
  3. Klicka på Öppna avancerade egenskaper.
  4. Gör följande i Kartinställningar:

    • Ändra Baskarta till Ingen.
    • Ändra Projektion till Användardefinierat (grader).
  5. Gör följande i UtseendePresentation:

    • Växla Skallinjal till Av.
    • Ställ in Begränsa zoomnivåerAnpassad och ställ in zoomen på 7 x zoom–8 x zoom.
  6. Lägg till ett bakgrundsskikt i kartdiagrammet och gör följande i Data:

    • Under Format väljer du Bild.
    • Ange följande vid URL: https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_map-image-background-example.png.
    • Vid Övre vänstra hörnet anger du 2,5 för Övre (latitud) och -4,1 för Vänster (longitud).
    • Vid Nedre högra hörnet anger du -2,5 för Nedre (latitud) och 4,1 för Höger (longitud).
    Anteckning om information

    I det här stadiet i exemplet visas inte bilden ännu. När du har lagt till ett punktskikt i nästa steg uppdateras kartan med rätt skala och bildposition.

  7. Lägg till ett punktskikt i kartdiagrammet och gör följande:

    • I Data lägger du till Employee som fält.
    • I Plats väljer du Latitud- och longitudfält. Ange Latitud som Latitudfält och Longitud som Longitudfält.
    • I Storlek &  form anger du Storlek utifrån Avg(CustomerIssues).
    • Gör följande för Färger:

      • För Färg anger du Anpassad och färg Per mått.
      • Välj Avg(CustomerIssues) som mått.
      • Välj Divergerande klasser som färgschema.

För att få samma utseende och känsla som bilden högst upp på sidan ställer du in apptemat till Sense Klassisk.

Var den här sidan till hjälp för dig?

Om du hittar några fel på denna sida eller i innehållet – ett stavfel, ett steg som saknas eller ett tekniskt fel – berätta för oss så att vi kan blir bättre!