Ga naar hoofdinhoud Ga naar aanvullende inhoud
Qlik-bronnen

Een kaart maken met een afbeeldingsachtergrondlaag

U kunt afbeeldingen als aangepaste basiskaarten gebruiken in de kaartvisualisaties. Mogelijk wilt u gegevens verspreid over een plattegrond weergeven.

In dit voorbeeld van een kaartdiagram is een kantoorplattegrond met een puntlaag weergegeven. Elke bel is boven het bureau van een werknemer gepositioneerd. De grootte en de kleur van de bellen is gebaseerd op het wekelijks gemiddelde aantal klantproblemen dat de werknemer per dag afhandelt.

Voorbeeld van een kaart met plattegrondafbeeldingsachtergrond met een puntlaag waarop de werknemers worden weergegeven in groottes gebaseerd op het aantal klantproblemen dat ze hebben verholpen

Voorbeeld van een kaart met plattegrondafbeeldingsachtergrond met een puntlaag waarop de werknemers worden weergegeven in groottes gebaseerd op het aantal klantproblemen dat ze hebben verholpen

In dit voorbeeld is de standaardschaal verborgen. Afbeeldingen hebben geen consistente schaalgrootte. De afbeeldingsgrootte in een kaartachtergrondlaag is ook afhankelijk van de coördinaten die de gebruiker instelt voor de hoeken van de afbeelding.

Gegevensset

In dit voorbeeld worden twee tabellen en een achtergrondafbeelding gebruikt.

Hoe ik dit heb samengesteld

InformatieOorsprongen van URL's die bronaanvragen naar externe bronnen bevatten, moeten in de acceptatielijst van het inhoudbeveiligingsbeleid zijn opgenomen, anders wordt de bron niet geladen. Voor WMS-bronnen moeten de instructies voor image-src en connect-src directives in de allowlist zijn opgenomen.

Zie ook: Inhoudsbeveiligingsbeleid beheren.

Voordat u van start gaat

Voordat u begint, moet de volgende oorsprong worden toegevoegd aan de allowlist voor het inhoudbeveiligingsbeleid: https://help.qlik.comzijn. Deze oorsprong moet met de volgende Directive: image-src worden toegevoegd. Dit wordt gedaan in het Beheer-activiteitencentrum door een tenantbeheerder.

Voor meer informatie over het toevoegen van vermeldingen aan uw inhoudbeveiligingsbeleid, raadpleegt u Een CSP-vermelding maken.

De kaart bouwen

Doe het volgende:

  1. Voeg de gegevensbronnen aan uw app toe en koppel de tabellen met behulp van de EmployeeNumber-velden in elke tabel.
  2. Ga naar een werkblad en voeg een kaartdiagram toe.
  3. Klik op Geavanceerde eigenschappen openen.

  4. In Kaartinstellingen doet u het volgende:

    • Wijzig Basiskaart in Geen.
    • Wijzig Projectie in Door gebruiker gedefinieerd (graden).

  5. In Uiterlijk > Presentatie doet u het volgende:

    • Zet de Schaalbalk op Uit.
    • Stel Zoomniveaus beperken in op Aangepast en stel het zoomniveau in op 7x zoom - 8x zoom.

  6. Voeg een achtergrondlaag aan het kaartdiagram toe, ga naar Gegevens en doe het volgende:

    • Ga naar Indeling en selecteer Afbeelding.
    • Stel de URL in op https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_map-image-background-example.png.
    • Stel de Linkerbovenhoek in op 2,5 voor Boven (breedtegraad) en –4,1 voor Links (lengtegraad).
    • Stel de Rechterbenedenhoek in op –2,5 voor Onder (breedtegraad) en 4,1 voor Rechts (lengtegraad).
    Informatie

    De afbeelding verschijnt op dit moment nog niet in het voorbeeld. Nadat u in de volgende stap een puntlaag hebt toegevoegd, wordt de kaart bijgewerkt met de juiste schaal en afbeeldingspositie.

  7. Voeg een puntlaag aan het kaartdiagram toe en doe het volgende:

    • Voeg Employee als het veld toe in Gegevens.
    • Selecteer Lengte- en breedtegraadvelden in Locatie. Stel Breedtegraad in als het Breedtegraadveld en Lengtegraad als het Lengtegraadveld.
    • Stel Grootte en vorm in op Grootte op basis van Avg(CustomerIssues).

    • Onder Kleuren doet u het volgende:

      • Stel Kleuren in op Aangepast en kleur Per meting.
      • Selecteer Avg(CustomerIssues) als de meting.
      • Selecteer Uiteenlopende klassen als het kleurenschema.

Om dezelfde uitstraling te krijgen als de afbeelding bovenaan de pagina, stelt u het app-thema in op Sense Klassiek.

Was deze pagina nuttig?

Als u problemen ervaart op deze pagina of de inhoud onjuist is – een typfout, een ontbrekende stap of een technische fout – laat het ons weten zodat we dit kunnen verbeteren!

Geef hier uw feedback