Komponent för interaktiv mappning

Du kan enkelt föra in dynamiska mappningsfunktioner i dina arbetsyteappar genom att visa objektens fysiska position från en datakälla eller genom att ange nya fysiska platser.

Panorera, vrida, zooma och dra för att centrera kartan. När du zoomar ut kan du välja kluster för att visa kompakta grupper av data.

Användarens aktuella plats kan också visas på kartan på mobila enheter eller i webbupplevelser.

Kartkomponenten har även stöd för vyerna väg och satellit.

Kartkomponent.

För att kunna använda komponenten måste du aktivera kompatibilitetsfunktioner för miljön.

Se också till att du även granskar förutsättningarna för att använda geospatial komponenter.

Använda komponent

Infoga komponenten i appen som vanligt för varje annan kontroll eller komponent.

Med en app öppen för redigering i Power Apps Studio:

  1. Öppna fliken Infoga.
  2. Expandera Media.
  3. Välj komponenten Karta om du vill placera det i mitten av appen, eller dra det för att placera det på skärmen.
  4. För att visa användarens aktuella plats,
    • ange Visa aktuell plats som .
    • Under egenskapen Den aktuella platsens latitud, infoga Location.Latitude.
    • Under egenskapen Den aktuella platsens longitud, infoga Location.Longitude.
    • Den aktuella platsnålen ska nu visas på kartan.

Du kan ändra komponenten med hjälp av ett antal egenskaper.

Använda kartkomponenten med data från Excel

Du kan läsa in en tabell som innehåller befintliga data från en Excel-arbetsbok till kartkomponenten. Komponenten kommer sedan att rita varje rad i tabellen som ett kartstift.

Din arbetsbok måste innehålla en namngiven tabell med följande kolumner som ska mappas till den associerade egenskapen i komponentens fönster Avancerat.

Kolumnbeskrivning Kartor till egenskap Obligatoriskt
Etikett för stiftet ItemsLabels Obligatoriskt
Longitud för stiftet ItemsLongitudes Obligatoriskt
Latitud för stiftet ItemsLatitudes Obligatoriskt
Stiftets färg ItemsColors Valfritt
Ikon för stift ItemsIcons Valfritt

Färgfältet accepterar alla CSS strängar som definieras i färguppräknings och ColorFade, ColorValue och RGBA i Power Apps.

Du kan använda ikonerna som beskrivs i ämnet listan över bildmallar som ikoner.

I följande Excel-tabell visas de kolumner som krävs:

Exempel på en Excel-fil med en tabell med namnet TestData och innehållande namn-, longitud- och latitud-kolumner

Du kan kopiera följande exempeldata för att testa den här funktionen:

Namn Longitud Latitud Färg Ikon
Fourth Coffee (exempel) -98.29277 26.2774 Blått marker-flat
Litware, Inc. (exempel) -96.85572 32.55253 #ffefcd hexagon-thick
Adventure Works (exempel) -96.99952 32.72058 car
Fabrikam, Inc. (exempel) -118.30746 34.86543
Blue Yonder Airlines (exempel) -118.66184 34.17553
City Power & Light (exempel) -113.46184 37.15363
Contoso Pharmaceuticals (exempel) -80.26711 40.19918
Alpine Ski House (exempel) -102.63908 35.20919
Datum Corporation (exempel) -89.39433 40.71025
Coho Winery (exempel) -116.97751 32.87466
  1. Kopiera och klistra in tabellen i en ny arbetsbok i Excel.

  2. Markera en av cellerna och välj formatera som tabell på fliken Start i menyfliksområdet och Format som tabell och välj en stil och sedan OK.

    Skärmdump som markerar formatet som tabellalternativ i Excel.

  3. Markera tabellen och gå sedan till fliken Tabelldesign i menyfliksområdet. Ange ett namn för tabellen under tabellnamn:, till exempel testdata.

    Skärmdump som markerar tabellnamnet i Excel.

  4. Spara arbetsboken.

  5. Öppna eller skapa en ny app i Power Apps och infoga kartkomponenten.

  6. I rutan Egenskaper markerar du fältet Locations(Items) och söker excel och väljer Importera från Excel.

    Skärmbild av alternativet import från Excel.

  7. För att visa användarens aktuella plats:

    1. Växla Visa aktuell plats till .
    2. Under egenskapen Den aktuella platsens latitud, infoga Location.Latitude.
    3. Under egenskapen Den aktuella platsens longitud, infoga Location.Longitude.
    4. Den aktuella platsnålen ska nu visas på kartan.

Interaktiva mappningsfunktioner

Egenskaper

Det finns flera egenskaper som kan definieras för mappningskomponenten.

Indataegenskaper

Följande egenskaper kan definieras och konfigureras i komponentens ruta egenskaper.

Kartkomponent som visas bredvid rutan Egenskaper.

Vissa egenskaper är endast tillgängliga på fliken Avancerat i rutan Egenskaper i avsnittet Fler alternativ.

Egenskap Beskrivning Type Plats
Datakälla (objekt) Datakälla (tabell) som listar en fördefinierad mängd longitud och latitude som ska visas som kartstift i kartan när den läses in. Mappa varje kolumn i dina data med hjälp av ItemAddresses, ItemLongitudes, ItemLatitudes och ItemLabels. Gäller inte Egenskaper
Använd standardplats Om mappningen ska initieras på en standardplats som anges av användaren. Boolean Egenskaper
Standardlongitud Longitud som kartan skickas till om Använd standardplats är aktiverad. Flyttalsnummer Egenskaper
Standardlatitud Latitud som kartan skickas till om Använd standardplats är aktiverad. Flyttalsnummer Egenskaper
Standardvärde för zoomnivå Zoomnivå som kartan anges till om Använd standardplats är aktiverad. Integer Egenskaper
Visa aktuell plats Om kartan ska visa användarens aktuella plats. Boolean Egenskaper
Den aktuella platsens latitud Indata till användarens aktuella plats om Visa aktuell plats har aktiverats. Flyttalsnummer Egenskaper
Den aktuella platsens longitud Longituden till användarens aktuella plats om Visa aktuell plats har aktiverats. Flyttalsnummer Egenskaper
Satellitvy Om kartans stil är en satellitvy eller en vägvy. Boolean Egenskaper
Klusterkartnålar Om kartstiften är grupperade. Boolean Egenskaper
Zoomkontroll Om zoomningskomponenten visas på kartan. Boolean Egenskaper
Kompasskontroll Om kompasskomponenten visas på kartan. Boolean Egenskaper
Breddstegskontroll Om delningskomponenten visas på kartan. Boolean Egenskaper
Färg på kartnål Stiftets färg. Färgväljare Egenskaper
ItemsLabels En kolumn i objekt med de strängar du vill använda som etiketter för stiften. ColumnName Avancerad
ItemsAddresses En kolumn i objekt med de strängar som representerar platsen för stiften. ColumnName Avancerad
ItemsLongitudes Namnet på kolumnen i tabellen i datakälla med flytpunktsnummer som representerar stiftets longitudposition. ColumnName Avancerad
ItemsLatitudes Namnet på kolumnen i tabellen i datakälla med flytpunktsnummer som representerar stiftets latitudposition. ColumnName Avancerad
ItemsColors Nålarnas färg Alla CSS färgsträngar Avancerad
ItemsIcons Nålarnas ikon Ikoner som definieras i Azure-bildmallar Avancerad
Artiklar Namnet på tabellen i ditt datakälla som innehåller alla poster du vill rita i kartan med hjälp av stift. Varje rad måste ha en post för etiketten, longituden och latitud för varje rad. TableName Avancerad
OnMapClick Hur kartan reagerar när en plats klickas. Händelse Avancerad
OnSelect Hur appen reagerar när en form på kartnål har valts. Händelse Avancerad
OnLoad Hur appen reagerar när kartan har lästs in. Händelse Avancerad
OnItemsChange Hur appen svarar när kartnålarna ändras. Händelse Avancerad
Visa informationskort Om informationskort visas på kartnålarna. Enum Egenskaper
Visa former Om formerna i Shapes_Items visas på kartan. Boolean Egenskaper
Visa formetiketter Huruvida etiketterna visas på kartans former. Boolean Egenskaper
Möjliggör formritning Om komponenten med verktyg för inteckning visas på kartan. Boolean Egenskaper
Möjliggör borttagning av former och redigering av etiketter Huruvida former kan tas bort och etiketterna kan redigeras på kartan. Boolean Egenskaper
Shapes_Items Namnet på tabellen i datakälla som innehåller alla poster med GeoJSON-objekt som ska visas i kartan som former. TableName Avancerad
ShapeGeoJSONObjects Namnet på kolumnen i tabellen i din datakälla med strängar som representerar formerna GeoJSON i formerna. ColumnName Avancerad
ShapeLabels En kolumn Shapes_Items med de strängar du vill använda som etiketter för formerna. ColumnName Avancerad
ShapeColors Formens färg. ColumnName Avancerad
OnShapeSelected Hur appen reagerar när en form på kartan väljs. Händelse Avancerad
OnShapeCreated Hur appen reagerar när en form på kartan skapas. Händelse Avancerad
OnShapeEdited Hur appen reagerar när en form på kartan redigeras. Händelse Avancerad
OnShapeDeleted Hur appen reagerar när en form på kartan raderas. Händelse Avancerad

Utdataegenskaper

Komponenten ger ut olika egenskaper när en användare interagerar med den i en app. Du kan använda dessa utdata i andra komponenter eller för att anpassa upplevelsen.

Följande tabell visar de olika utdataegenskaperna.

Egenskap Beskrivning Type
CenterLocation Centrera platsen i kartan. Gäller inte
OnMapClick Senast klickad plats på kartan. Gäller inte
Har valts Den markerade kartnålen på kartan. Post
SelectedItems Den eller de markerade nålar i det markerade klustret på kartan. Tabell
GeocodedItems De geokodade platserna för stiften på kartan. Tabell
ClickedLocation Senast klickad plats på kartan som antingen .Latitude eller .Longitude. Post
Shapes_Selected Posten för den markerade figuren från Shapes_Items. Post
Shapes_SelectedItems Posterna för de valda överlappande formerna från Shapes_Items. Tabell
SelectedShape Den markerade figuren på kartan med .Perimeter och .Area. Post
DeletedShape Den sista borttagna figuren på kartan med .Perimeter and Område. Post
GeoJSON Listan över former på kartan i funktionssamling GeoJSON-format. String

Ytterligare (vanliga) egenskaper

BorderColor – En kontrolls kantlinjefärg.

BorderRadius – Radie för kontrollens kant.

BorderStyle – Om en kontrolls kantlinje är solid, streckad, prickad eller ingen.

BorderThickness – Tjockleken på en kontrolls kantlinje.

Color – Textens färg i en kontroll.

DisplayMode – Om kontrollen tillåter indata från användaren (redigera), bara visar data (visa) eller inaktiverad (inaktiverad).

Height – Avståndet mellan kontrollens övre och nedre kanter.

Tabbindex – navigeringsordning för tangentbordet.

Tooltip – Beskrivande text som visas när användaren för muspekaren över en kontroll.

Transparens – hur transparent komponenten är, i procent.

Visible – Om en kontroll visas eller är dold.

Width – Avståndet mellan kontrollens högra och vänstra kanter.

X – Avståndet mellan kontrollens vänstra kant och den överordnade containerns vänstra kant (eller skärm, om det inte finns någon överordnad container).

Y – Avståndet mellan kontrollens övre kant och den överordnade containerns övre kant (eller skärm, om det inte finns någon överordnad container).

Andra geospatiala komponenter

Om du vill se dynamiska adressförslag när du skriver använder du komponenten Adressinmatning.