Interactieve kaartcomponent
Breng eenvoudig dynamische kaartmogelijkheden in uw canvas-apps door de fysieke positie van objecten te bekijken vanuit een gegevensbron of door nieuwe fysieke locaties in te voeren.
Pan, kantel, zoom en sleep om uw kaartweergave te centreren. Als u uitzoomt, worden de markeringen optioneel geclusterd om dichte groepen gegevens weer te geven.
De huidige locatie van de gebruiker kan ook op de kaart worden weergegeven op mobiele apparaten of webervaringen.
Het kaartonderdeel ondersteunt ook wegen- en satellietweergaven.
Om de component te gebruiken, moet u georuimtelijke functies voor de omgeving inschakelen.
Zorg ervoor dat u ook de vereisten voor het gebruik van georuimtelijke onderdelen bekijkt.
Het onderdeel gebruiken
Voeg het onderdeel in uw app in zoals u dat normaal zou doen voor een besturingselement of onderdeel.
Terwijl app voor bewerken is geopend in de Power Apps-studio:
- Open het tabblad Invoegen.
- Vouw Media uit.
- Selecteer het onderdeel Kaart en plaats het in het midden van het app-scherm of versleep het ergens op het scherm.
- Om de huidige locatie van de gebruiker weer te geven,
- zet u de schakeloptie Huidige locatie weergeven op Aan.
- Voeg onder de eigenschap Breedtegraad huidige locatie Location.Latitude in.
- Voeg onder de eigenschap Lengtegraad huidige locatie Location.Longitude in.
- De huidige locatiespeld zou nu op de kaart moeten verschijnen.
U kunt het onderdeel wijzigen door een aantal eigenschappen te gebruiken.
Het kaartonderdeel gebruiken met gegevens uit Excel
U kunt een tabel met bestaande gegevens uit een Excel-werkmap in het kaartonderdeel laden. Het onderdeel plot vervolgens elke rij in uw tabel als een kaartspeld.
Uw werkmap moet een benoemde tabel bevatten met de volgende kolommen die vervolgens moeten worden toegewezen aan de bijbehorende eigenschap in het deelvenster Geavanceerd van het onderdeel.
| Kolombeschrijving | Verwijst naar eigenschap | Vereist |
|---|---|---|
| Label voor de speld | ItemsLabels | Vereist |
| Lengtegraad van de speld | ItemsLongitudes | Vereist |
| Breedtegraad van de speld | ItemsLatitudes | Vereist |
| Kleur van de speld | ItemsColors | Optioneel |
| Pictogram voor de speld | ItemsIcons | Optioneel |
Het kleurveld accepteert elke CSS-tekenreeks, zoals gedefinieerd in De opsomming Color en de functies ColorFade, ColorValue en RGBA in Power Apps.
U kunt de pictogrammen die worden beschreven in het onderwerp Lijst met afbeeldingsjablonen gebruiken als uw pictogram.
De volgende Excel-tabel toont de vereiste kolommen:
U kunt de volgende voorbeeldgegevens kopiëren om deze functionaliteit te testen:
| Meetcriterium | Lengtegraad | Breedtegraad | Kleur | Icon |
|---|---|---|---|---|
| Fourth Coffee (voorbeeld) | -98.29277 | 26.2774 | Blauw | marker-flat |
| Litware, Inc. (voorbeeld) | -96.85572 | 32.55253 | #ffefcd | hexagon-thick |
| Adventure Works (voorbeeld) | -96.99952 | 32.72058 | car | |
| Fabrikam, Inc. (voorbeeld) | -118.30746 | 34.86543 | ||
| Blue Yonder Airlines (voorbeeld) | -118.66184 | 34.17553 | ||
| City Power & Light (voorbeeld) | -113.46184 | 37.15363 | ||
| Contoso Pharmaceuticals (voorbeeld) | -80.26711 | 40.19918 | ||
| Alpine Ski House (voorbeeld) | -102.63908 | 35.20919 | ||
| A Datum Corporation (voorbeeld) | -89.39433 | 40.71025 | ||
| Coho Winery (voorbeeld) | -116.97751 | 32.87466 |
Kopieer en plak de tabel in een nieuwe Excel-werkmap.
Selecteer een van de cellen en ga vervolgens naar het tabblad Start in het lint en selecteer Opmaken als tabel. Kies vervolgens een stijl naar keuze en selecteer OK.
Selecteer de tabel en ga vervolgens naar het tabblad Tabelontwerp op het lint. Voer een naam in voor de tabel onder Tabelnaam:, bijvoorbeeld Testgegevens.
Sla de werkmap op.
Open of maak een nieuwe app in Power Apps en voeg het kaartonderdeel in.
Selecteer in het deelvenster Eigenschappen het veld Locaties (items), zoek vervolgens naar excel en selecteer Importeren uit Excel.
De huidige locatie van de gebruiker weergeven:
- Zet Huidige locatie weergeven op Aan.
- Voeg onder de eigenschap Breedtegraad huidige locatie Location.Latitude in.
- Voeg onder de eigenschap Lengtegraad huidige locatie Location.Longitude in.
- De huidige locatiespeld zou nu op de kaart moeten verschijnen.
Interactieve kaartfuncties
- Gegevens uit Excel gebruiken om spelden in te voegen
- Informatiekaarten toevoegen aan spelden
- Vormen tekenen en invoegen op kaarten
Eigenschappen
Er zijn meerdere eigenschappen die kunnen worden gedefinieerd voor de kaartcomponent.
Invoereigenschappen
De volgende eigenschappen kunnen worden gedefinieerd en geconfigureerd in het deelvenster Eigenschappen van het onderdeel.
Sommige eigenschappen zijn alleen beschikbaar op het tabblad Geavanceerd in het deelvenster Eigenschappen in de sectie Meer opties.
| Eigenschap | Beschrijving | Type | Location |
|---|---|---|---|
| Gegevensbron (items) | Gegevensbron (tabel) met een vooraf gedefinieerde set lengte- en breedtegraden die als kaartpin op de kaart moet worden weergegeven wanneer deze is geladen. Breng elk van de kolommen in uw gegevens in kaart met behulp van ItemAddresses, ItemLongitudes, ItemLatitudes en ItemLabels. | Niet van toepassing | Eigenschappen |
| Standaardlocatie gebruiken | Of de kaart wordt geïnitialiseerd op een door de gebruiker ingestelde standaardlocatie. | Booleaanse waarde | Eigenschappen |
| Standaardlengtegraad | Lengtegraad waar de kaart heen zou gaan als deze wordt geladen als Standaardlocatie gebruiken is ingeschakeld. | Drijvende-kommagetal | Eigenschappen |
| Standaardbreedtegraad | Breedtegraad waar de kaart heen zou gaan als deze wordt geladen als Standaardlocatie gebruiken is ingeschakeld. | Drijvende-kommagetal | Eigenschappen |
| Standaardzoomniveau | Zoomniveau waarop de kaart zou worden ingesteld als deze wordt geladen als Standaardlocatie gebruiken is ingeschakeld. | Geheel getal | Eigenschappen |
| Huidige locatie weergeven | Of de kaart de huidige locatie van de gebruiker moet weergeven. | Booleaanse waarde | Eigenschappen |
| Breedtegraad huidige locatie | De breedtegraad van de huidige locatie van de gebruiker als Toon huidige locatie is ingeschakeld. | Drijvende-kommagetal | Eigenschappen |
| Lengtegraad huidige locatie | De lengtegraad van de huidige locatie van de gebruiker als Toon huidige locatie is ingeschakeld. | Drijvende-kommagetal | Eigenschappen |
| Satellietweergave | Of de stijl van de kaart satellietweergave of wegenweergave is. | Booleaanse waarde | Eigenschappen |
| Clusterspelden | Of de kaartpinnen geclusterd zijn. | Booleaanse waarde | Eigenschappen |
| Zoomfunctie | Of het zoomonderdeel op de kaart verschijnt. | Booleaanse waarde | Eigenschappen |
| Kompasfunctie | Of het kompasonderdeel op de kaart verschijnt. | Booleaanse waarde | Eigenschappen |
| Horizontale kanteling | Of het standplaatsonderdeel op de kaart verschijnt. | Booleaanse waarde | Eigenschappen |
| Speldkleur | De kleur van de pinnen. | Kleurkiezer | Eigenschappen |
| ItemsLabels | Een kolom in Items met de tekenreeksen die u als labels voor de pinnen wilt gebruiken. | ColumnName | Geavanceerd |
| ItemsAddresses | Een kolom in Items met de tekenreeksen die de locatie van de pinnen vertegenwoordigen. | ColumnName | Geavanceerd |
| ItemsLongitudes | Naam van de kolom in de tabel in uw gegevensbron met drijvende-kommagetallen die de lengtegraadpositie van de pinnen vertegenwoordigen. | ColumnName | Geavanceerd |
| ItemsLatitudes | Naam van de kolom in de tabel in uw gegevensbron met drijvende-kommagetallen die de breedtegraadpositie van de pinnen vertegenwoordigen. | ColumnName | Geavanceerd |
| ItemsColors | Kleur van de spelden | Elke CSS-kleurtekenreeks | Geavanceerd |
| ItemsIcons | Pictogram van de spelden | Pictogrammen die zijn gedefinieerd in Azure-afbeeldingsjablonen | Geavanceerd |
| Artikelen | Naam van de tabel in uw gegevensbron die alle records bevat die u op de kaart wilt plotten met pinnen. Elke rij moet een vermelding bevatten voor het label, de lengtegraad en de breedtegraad voor elke rij. | TableName | Geavanceerd |
| OnMapClick | De manier waarop de kaart reageert wanneer op een willekeurige locatie wordt geklikt. | Gebeurtenis | Geavanceerd |
| OnSelect | De manier waarop de app reageert als een speld op de kaart wordt geselecteerd. | Gebeurtenis | Geavanceerd |
| OnLoad | De manier waarop de app reageert wanneer de kaart is geladen. | Gebeurtenis | Geavanceerd |
| OnItemsChange | De manier waarop de app reageert wanneer de spelden op de kaart worden gewijzigd. | Gebeurtenis | Geavanceerd |
| Infokaarten weergeven | Of informatiekaarten op de spelden van de kaart verschijnen. | Enum | Eigenschappen |
| Shapes weergeven | Of de vormen in Shapes_Items verschijnen op de kaart. | Booleaans | Eigenschappen |
| Shapelabels weergeven | Of de labels op de shapes van de kaart verschijnen. | Booleaans | Eigenschappen |
| Tekenen van shapes inschakelen | Of het onderdeel voor tekengereedschappen op de kaart verschijnt. | Booleaans | Eigenschappen |
| Verwijderen van shapes en bewerken van labels inschakelen | Of shapes kunnen worden verwijderd en hun labels kunnen worden bewerkt op de kaart. | Booleaans | Eigenschappen |
| Shapes_Items | Naam van de tabel in uw gegevensbron die alle records met GeoJSON-objecten bevat die u in de kaart als shapes wilt weergeven. | TableName | Geavanceerd |
| ShapeGeoJSONObjects | Naam van de kolom in de tabel in uw gegevensbron met tekenreeksen die de GeoJSON-objecten van de shapes vertegenwoordigen. | ColumnName | Geavanceerd |
| ShapeLabels | Een kolom in Shapes_Items met de tekenreeksen die u als labels voor de shapes wilt gebruiken. | ColumnName | Geavanceerd |
| ShapeColors | Kleur van de shapes. | ColumnName | Geavanceerd |
| OnShapeSelected | De manier waarop de app reageert als een shape op de kaart wordt geselecteerd. | Gebeurtenis | Geavanceerd |
| OnShapeCreated | De manier waarop de app reageert als een shape op de kaart wordt gemaakt. | Gebeurtenis | Geavanceerd |
| OnShapeEdited | De manier waarop de app reageert als een shape op de kaart wordt bewerkt. | Gebeurtenis | Geavanceerd |
| OnShapeDeleted | De manier waarop de app reageert als een shape op de kaart wordt verwijderd. | Gebeurtenis | Geavanceerd |
Uitvoereigenschappen
De component voert verschillende eigenschappen uit wanneer een gebruiker ermee communiceert in een app. U kunt deze uitvoer in andere componenten gebruiken of om de ervaring aan te passen.
De volgende tabel toont de beschikbare uitvoereigenschappen.
| Eigenschap | Beschrijving | Type |
|---|---|---|
| CenterLocation | Locatie midden van de kaart. | Niet van toepassing |
| OnMapClick | De laatst geklikte locatie op de kaart. | Niet van toepassing |
| geselecteerd | De geselecteerde speld op de kaart. | Vastleggen |
| SelectedItems | De geselecteerde pin of pinnen van het geselecteerde cluster op de kaart. | Tabel |
| GeocodedItems | De gegeocodeerde locaties van de spelden op de kaart. | Tabel |
| ClickedLocation | De laatst geklikte locatie op de kaart als .Latitude of .Longitude. |
Record |
| Shapes_Selected | De record van de geselecteerde shape uit Shapes_Items. | Record |
| Shapes_SelectedItems | De records van de geselecteerde overlappende shapes uit Shapes_Items. | Tabel |
| SelectedShape | De geselecteerde shape op de kaart met .Perimeter en .Area. |
Record |
| DeletedShape | De laatst verwijderde shape op de kaart met .Perimeter and .Area`. |
Record |
| GeoJSON | De lijst met shapes op de kaart in de GeoJSON-indeling voor functieverzameling. | String |
Aanvullende (algemene) eigenschappen
BorderColor: de kleur van de rand van een besturingselement.
BorderRadius: de straal van de rand van een besturingselement.
BorderStyle: hiermee wordt aangegeven of de rand van een besturingselement Vast, Onderbroken of Gestippeld is, of dat er Geen rand is.
BorderThickness: de dikte van de rand van een besturingselement.
Color: de kleur van de tekst in een besturingselement.
DisplayMode: bepaalt of invoer van de gebruiker is toegestaan (Bewerken), of gegevens alleen worden weergegeven (Weergeven) of het besturingselement wordt uitgeschakeld (Uitgeschakeld).
Height: de afstand tussen de boven- en onderrand van een besturingselement.
TabIndex: volgorde voor toetsenbordnavigatie.
Tooltip: beschrijvende tekst die wordt weergegeven wanneer de gebruiker een besturingselement aanwijst.
Transparantie: hoe transparant het onderdeel is, als percentage.
Visible: hiermee wordt aangegeven of een besturingselement zichtbaar of verborgen is.
Width: de afstand tussen de linker- en rechterrand van een besturingselement.
X: de afstand tussen de linkerrand van een besturingselement en de linkerrand van de bovenliggende container (of het scherm als er geen bovenliggende container is).
Y: de afstand tussen de bovenrand van een besturingselement en de bovenrand van de bovenliggende container (of het scherm als er geen bovenliggende container is).
Andere georuimtelijke onderdelen
Als u dynamische adressuggesties wilt zien terwijl u typt, gebruikt u het onderdeel Adresinvoer.