Control de mapes interactius
Podeu introduir fàcilment les capacitats d'assignació dinàmica a les aplicacions de llenç visualitzant la posició física dels objectes des d'una font de dades o introduint noves ubicacions físiques.
Gireu, inclineu, amplieu i arrossegueu per centrar la visualització de mapa. A mesura que us allunyeu, els marcadors de manera opcional s'agrupen per representar grups densos de dades.
La ubicació actual de l'usuari també es pot representar al mapa en dispositius mòbils o experiències web.
El control del mapa també admet vistes per carretera i satèl·lit.

Per utilitzar el control, heu d'habilitar funcions geoespacials per al medi ambient.
Assegureu-vos que també reviseu els requisits previs per utilitzar controls geoespacials.
Utilitza el control
Inseriu el control a l'aplicació com ho faríeu normalment per a qualsevol altre control o control.
Amb una aplicació oberta per editar-la al Power Apps Studio:
- Obre la pestanya Insereix.
- Amplieu Elements multimèdia.
- Selecciona el control Mapa per col·locar-lo al centre de la pantalla de l'aplicació o arrossega'l per col·locar-lo en qualsevol lloc de la pantalla.
- Per mostrar la ubicació actual de l'usuari:
- Canvieu Mostra la ubicació actual a Activat.
- A la propietat Latitud de la ubicació actual, insereix Location.Latitude.
- A la propietat Longitud de la ubicació actual, inseriu Location.Longitude.
- El pin d'ubicació actual hauria d'aparèixer ara al mapa.
Podeu modificar el control mitjançant diverses propietats.
Utilitza el control del mapa amb dades de l'Excel
Podeu carregar una taula que contingui dades existents d'un llibre de treball de l'Excel al control del mapa. A continuació, el control traçarà cada fila de la taula com a ancorador de mapa.
El llibre de treball ha de contenir una taula amb nom amb les columnes següents que, a continuació, s'ha d'assignar a la propietat associada a la subfinestra Avançada del control.
| Descripció de la columna | S'assigna a la propietat | Necessari |
|---|---|---|
| Etiqueta per al marcador | ItemsLabels | Obligatori |
| Longitud del marcador | ItemsLongitudes | Obligatori |
| Latitud del marcador | ItemsLatitudes | Obligatori |
| Color del marcador | ItemsColors | Opcional |
| Icona per al marcador | ItemsIcons | Opcional |
El camp de color accepta qualsevol cadena CSS, tal com es defineix a Enumeració de colors i funcions ColorFade, ColorValue i RGBA al Power Apps .
Podeu utilitzar les icones descrites al tema Llista de plantilles d'imatge com a icona.
La següent taula de l'Excel mostra les columnes necessàries:
Podeu copiar les següents dades d'exemple per provar aquesta funcionalitat:
| Nom | Longitud | Latitud | Color | Icon |
|---|---|---|---|---|
| Fourth Coffee (exemple) | -98.29277 | 26.2774 | Blau | marker-flat |
| Litware, Inc. (exemple) | -96.85572 | 32.55253 | #ffefcd | hexagon-thick |
| Adventure Works (exemple) | -96.99952 | 32.72058 | car | |
| Fabrikam, Inc. (exemple) | -118.30746 | 34.86543 | ||
| Blue Yonder Airlines (exemple) | -118.66184 | 34.17553 | ||
| City Power & Light (exemple) | -113.46184 | 37.15363 | ||
| Contoso Pharmaceuticals (exemple) | -80.26711 | 40.19918 | ||
| Alpine Ski House (exemple) | -102.63908 | 35.20919 | ||
| A Datum Corporation (exemple) | -89.39433 | 40.71025 | ||
| Coho Winery (exemple) | -116.97751 | 32.87466 |
Copieu i enganxeu la taula en un nou llibre de treball de l'Excel.
Seleccioneu una de les cel·les i, a continuació, a la pestanya Inici de la franja, seleccioneu Formata com a taula i trieu qualsevol estil i, a continuació, D'acord.

Seleccioneu la taula i, a continuació, aneu a la pestanya Disseny de la taula a la franja. Introduïu un nom per a la taula a Nom de la taula:, per exemple TestData.

Deseu el llibre.
Obriu o creeu una aplicació nova al Power Apps i inseriu el control del mapa.
A la subfinestra Propietats, seleccioneu el camp Locations(Elements), cerqueu excel i seleccioneu Importa des de l'Excel.
Per mostrar la ubicació actual de l'usuari:
- Canvia Mostra la ubicació actual a Activa.
- A la propietat Latitud de la ubicació actual, insereix Location.Latitude.
- A la propietat Longitud de la ubicació actual, inseriu Location.Longitude.
- El pin d'ubicació actual hauria d'aparèixer ara al mapa.
Característiques dels mapes interactius
- Utilitzar dades de l’Excel per inserir marcadors
- Afegir targetes d’informació als marcadors
- Dibuixar i inserir formes a mapes
Propietats
Hi ha diverses propietats que es poden definir per al control del mapa.
Propietats d'entrada
Les propietats següents es poden definir i configurar a la subfinestra Propietats del control.

Algunes propietats només estan disponibles a la pestanya Avançat de la subfinestra Propietats, a la secció Més opcions.
| Propietat | Descripció | Type | Location |
|---|---|---|---|
| Font de dades(Items) | Font de dades (taula) que enumera un conjunt predefinit de longituds i latituds per mostrar-lo com a marcador al mapa quan es carrega. Assigneu cadascuna de les columnes de les dades mitjançant ItemAddresses, ItemLongitudes, ItemLatitudes i ItemLabels. | No aplicable | Propietats |
| Utilitza la ubicació per defecte | Determina si el mapa s'inicialitza en una ubicació per defecte definida per l'usuari. | Boolean | Propietats |
| Longitud per defecte | Longitud a la qual aniria el mapa quan es carrega si s'ha habilitat Utilitza la ubicació per defecte. | Nombre de coma flotant | Propietats |
| Latitud per defecte | Latitud a la qual aniria el mapa quan es carrega si s'ha habilitat Utilitza la ubicació per defecte. | Nombre de coma flotant | Propietats |
| Nivell de zoom per defecte | Nivell d'ampliació al qual es definiria el mapa quan es carrega si s'ha habilitat Utilitza la ubicació per defecte. | Integer | Propietats |
| Mostra la ubicació actual | Si el mapa ha de mostrar la ubicació actual de l'usuari. | Boolean | Propietats |
| Latitud de la ubicació actual | La latitud de la ubicació actual de l'usuari si Mostra la ubicació actual està habilitada. | Nombre de coma flotant | Propietats |
| Longitud de la ubicació actual | La longitud de la ubicació actual de l'usuari si Mostra la ubicació actual està habilitada. | Nombre de coma flotant | Propietats |
| Visualització per satèl·lit | Determina si l'estil del mapa és una visualització per satèl·lit o una visualització de carreteres. | Boolean | Propietats |
| Agrupa els marcadors | Determina si els marcadors del mapa s'agrupen. | Boolean | Propietats |
| Control del zoom | Si el control de zoom apareix al mapa. | Boolean | Propietats |
| Control de la brúixola | Si el control de brúixola apareix al mapa. | Boolean | Propietats |
| Control de la inclinació | Si el control de to apareix al mapa. | Boolean | Propietats |
| Color del marcador | Color dels marcadors. | Selector de color | Propietats |
| ItemsLabels | Columna d'elements amb les cadenes que voleu utilitzar com a etiquetes per als marcadors. | ColumnName | Avançada |
| ItemsAddresses | Columna d'elements amb les cadenes que representen la ubicació dels marcadors. | ColumnName | Avançada |
| ItemsLongitudes | Nom de la columna de la taula de la font de dades amb números de coma flotant que representen la posició de longitud dels marcadors. | ColumnName | Avançada |
| ItemsLatitudes | Nom de la columna de la taula de la font de dades amb números de coma flotant que representen la posició de latitud dels marcadors. | ColumnName | Avançada |
| ItemsColors | Color dels marcadors | Qualsevol cadena de color CSS | Avançada |
| ItemsIcons | Icona dels marcadors | Icones definides a les plantilles d'imatge de l'Azure | Avançada |
| Articles | Nom de la taula de la font de dades que conté tots els registres que voleu traçar en el mapa mitjançant marcadors. Cada fila ha de tenir una entrada per a l'etiqueta, la longitud i la latitud de cada fila. | TableName | Avançada |
| OnMapClick | Com respon el mapa quan es fa clic en qualsevol ubicació. | Esdeveniment | Avançada |
| OnSelect | Com respon l’aplicació quan se selecciona un marcador del mapa. | Esdeveniment | Avançada |
| OnLoad | Com respon l’aplicació quan l’assignació acaba de carregar-se. | Esdeveniment | Avançada |
| OnItemsChange | Com respon l’aplicació quan canvien els marcadors del mapa. | Esdeveniment | Avançada |
| Mostra les targetes d'informació | Si les targetes d'informació apareixen als marcadors del mapa. | Enumeració | Propietats |
| Mostra les formes | Si les formes de Shapes_Items apareixen al mapa. | Boolean | Propietats |
| Mostra les etiquetes de forma | Si les etiquetes apareixen a les formes del mapa. | Boolean | Propietats |
| Habilita el dibuix de formes | Si el control de les eines de dibuix apareix al mapa. | Boolean | Propietats |
| Habilitar la supressió de formes i l’edició d’etiquetes | Si les formes es poden suprimir i les seves etiquetes es poden editar al mapa. | Boolean | Propietats |
| Shapes_Items | Nom de la taula de la font de dades que conté tots els registres amb objectes GeoJSON que voleu mostrar al mapa com a formes. | TableName | Avançada |
| ShapeGeoJSONObjects | Nom de la columna de la taula de la font de dades amb cadenes que representen els objectes GeoJSON de les formes. | ColumnName | Avançada |
| ShapeLabels | Una columna de Shapes_Items amb les cadenes que voleu utilitzar com a etiquetes per a les formes. | ColumnName | Avançada |
| ShapeColors | Color de les formes. | ColumnName | Avançada |
| OnShapeSelected | Com respon l’aplicació quan se selecciona una forma al mapa. | Esdeveniment | Avançada |
| OnShapeCreated | Com respon l’aplicació quan es crea una forma al mapa. | Esdeveniment | Avançada |
| OnShapeEdited | Com respon l’aplicació quan d’edita una forma al mapa. | Esdeveniment | Avançada |
| OnShapeDeleted | Com respon l’aplicació quan se suprimeix una forma al mapa. | Esdeveniment | Avançada |
Propietats de sortida
El control emet diverses propietats quan un usuari interactua amb ell dins d'una aplicació. Podeu utilitzar aquestes sortides en altres controls o per personalitzar l'experiència.
La taula següent mostra les propietats de sortida disponibles.
| Propietat | Descripció | Type |
|---|---|---|
| CenterLocation | Ubicació del centre del mapa. | No aplicable |
| OnMapClick | Última ubicació on s’ha fet clic al mapa. | No aplicable |
| S’ha seleccionat | El marcador seleccionat al mapa. | Enregistra |
| SelectedItems | Els marcadors seleccionats del clúster seleccionat al mapa. | Taula |
| GeocodedItems | Les localitzacions geocodificades dels marcadors del mapa. | Taula |
| ClickedLocation | Última ubicació on s’ha fet clic al mapa com a .Latitude o .Longitude. |
Record |
| Shapes_Selected | Registre de la forma seleccionada de Shapes_Items. | Record |
| Shapes_SelectedItems | Registres de les formes de superposició seleccionades de Shapes_Items. | Taula |
| SelectedShape | La forma seleccionada al mapa amb .Perimeter i .Area. |
Record |
| DeletedShape | La darrera forma suprimida del mapa amb .Perimeter and .Area`. |
Record |
| GeoJSON | Llista de formes del mapa en format de col·lecció de característiques GeoJSON. | String |
Propietats addicionals (comunes)
BorderColor: el color de la vora d'un control.
BorderRadius: el radi de la vora d'un control.
BorderStyle: si la vora d'un control és Sòlid, Amb guions, Amb punts o Cap.
BorderThickness: el gruix de la vora d'un control.
Color: el color del text d'un control.
DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).
Height: la distància entre les vores superior i inferior d'un control.
TabIndex: ordre de navegació del teclat.
Tooltip: text explicatiu que apareix quan l'usuari es desplaça per sobre d'un control.
Transparència: com de transparent és el control, com a percentatge.
Visible: si es mostra o s'amaga un control.
Width: la distància entre les vores esquerra i dreta d'un control.
X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal (o pantalla, si no té cap contenidor principal).
Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal (o pantalla, si no té cap contenidor principal).
Altres controls geoespacials
Per veure els suggeriments dinàmics de l'adreça a mesura que escrius, utilitza el control d'entrada d'adreça.
Consulteu també
Crear una aplicació amb controls d'entrada d'adreces i de mapes