Maptips

Mit Hilfe von Maptips können Informationen zu Kartenobjekten angezeigt werden ohne dass die einzelnen Objekte angeklickt werden oder auf das Öffnen eines Popups gewartet werden muss. Es genügt, mit dem Mauszeiger über die Kartenobjekte zu fahren.

Maptips können für ArcGIS Feature Layer und OGC API Features Layer konfiguriert werden.

maptips

Maptips konfigurieren

Benötigtes Bundle: maptips

Fügen Sie das Bundle maptips zu einer App hinzu, um die Nutzung von Maptips zu ermöglichen. Damit Maptips für Objekte eines Layers angezeigt werden, muss ein maptipTemplate an dem Layer konfiguriert werden:

{
    "map-init": {
        "Config": {
            "map": {
                "layers": [
                    {
                        "id": "my-layer",
                        "type": "AGS_FEATURE",
                        "url": "<my-service-url>",
                        "maptipTemplate": {
                            "title": "{name}",
                            "content": "Area: {Shape__area} m²"
                        }
                    }
                ]
            }
        }
    }
}

Maptips werden analog zu Popups konfiguriert. Alle Inhalte, die für Popups genutzt werden können, wie z.B. Tabellen oder Bilder, können in Maptips genutzt werden.

Optionen zum Verhalten von Maptips

Für die Konfiguration stehen folgende Parameter zur Verfügung:

{
    "maptips": {
        "Config": {
            "alignment": "pointer",
            "displayDelay": 0,
            "distanceFromPointer": {
                "x": 10,
                "y": 10
            },
            "fixedPositions": {
                "top-right": {
                    "top": 10,
                    "right": 10
                },
                "top-left": {
                    "top": 10,
                    "left": 10
                },
                "bottom-right": {
                    "bottom": 10,
                    "right": 10
                },
                "bottom-left": {
                    "bottom": 10,
                    "left": 10
                }
            },
            "popupTemplateFallback": false
        }
    }
}
Weitere Informationen zur Konfiguration können der Bundle-Dokumentation entnommen werden.