Gebeurtenissen voor tekenhulpmiddelen

Wanneer u tekenhulpmiddelen op een kaart gebruikt, is het handig om te reageren op bepaalde gebeurtenissen wanneer de gebruiker op de kaart tekent. Deze tabel bevat alle gebeurtenissen die door de DrawingManager klasse worden ondersteund.

Gebeurtenis Omschrijving
drawingchanged Wordt geactiveerd wanneer een coördinaat in een shape is toegevoegd of gewijzigd.
drawingchanging Wordt geactiveerd wanneer een voorbeeldcoördinaat voor een shape wordt weergegeven. Deze gebeurtenis wordt bijvoorbeeld meerdere keren geactiveerd wanneer een coördinaat wordt gesleept.
drawingcomplete Wordt geactiveerd wanneer een shape is getekend of uit de bewerkingsmodus is gehaald.
drawingerased Wordt geactiveerd wanneer een shape wordt gewist uit het tekenbeheer wanneer deze zich in erase-geometry de modus bevindt.
drawingmodechanged Wordt geactiveerd wanneer de tekenmodus is gewijzigd. De nieuwe tekenmodus wordt doorgegeven aan de gebeurtenis-handler.
drawingstarted Wordt geactiveerd wanneer de gebruiker een shape gaat tekenen of een vorm in de bewerkingsmodus plaatst.

Voor een volledig werkend voorbeeld van het weergeven van gegevens uit een vectortegelbron op de kaart, raadpleegt u gebeurtenissen voor tekenhulpprogramma's in azure Kaarten Voorbeelden. In dit voorbeeld kunt u shapes op de kaart tekenen en kijken wanneer de gebeurtenissen worden geactiveerd. Zie Voorbeeldcode voor tekenhulpmiddelen voor de broncode voor dit voorbeeld.

In de volgende afbeelding ziet u een schermopname van het volledige werkende voorbeeld dat laat zien hoe de gebeurtenissen in de module Hulpmiddelen voor tekenen werken.

Screenshot showing a map displaying data from a vector tile source.

Voorbeelden

Laten we enkele veelvoorkomende scenario's bekijken die gebruikmaken van de gebeurtenissen voor tekenhulpmiddelen.

Punten selecteren in veelhoekgebied

Deze code laat zien hoe u een gebeurtenis van een gebruiker kunt bewaken die shapes tekent. In dit voorbeeld bewaakt de code vormen van veelhoeken, rechthoeken en cirkels. Vervolgens wordt bepaald welke gegevenspunten op de kaart zich binnen het getekende gebied bevinden. De drawingcomplete gebeurtenis wordt gebruikt om de selectlogica te activeren. In de select-logica doorloopt de code alle gegevenspunten op de kaart. Er wordt gecontroleerd of er een snijpunt van het punt en het gebied van de getekende vorm is. In dit voorbeeld wordt gebruikgemaakt van de opensource Turf.js-bibliotheek om een berekening van het ruimtelijke snijpunt uit te voeren.

Voor een volledig werkend voorbeeld van het gebruik van de tekenhulpmiddelen om veelhoekgebieden op de kaart te tekenen met punten erin die kunnen worden geselecteerd, raadpleegt u Gegevens selecteren in het getekende veelhoekgebied in de Azure Kaarten Samples. Zie Gegevens selecteren in getekende voorbeeldcode voor veelhoekgebied voor de broncode voor dit voorbeeld.

Screenshot showing a map displaying points within polygon areas.

Tekenen en zoeken in veelhoekgebied

Met deze code wordt gezocht naar nuttige plaatsen in het gebied van een shape nadat de gebruiker de shape heeft getekend. U kunt de code wijzigen en uitvoeren door te klikken op Bewerken op codepen in de rechterbovenhoek van het frame. De drawingcomplete gebeurtenis wordt gebruikt om de zoeklogica te activeren. Als de gebruiker een rechthoek of veelhoek tekent, wordt een zoekopdracht binnen geometrie uitgevoerd. Als een cirkel wordt getekend, wordt de radius en de middelste positie gebruikt om een nuttige zoekopdracht uit te voeren. De drawingmodechanged gebeurtenis wordt gebruikt om te bepalen wanneer de gebruiker overschakelt naar de tekenmodus en deze gebeurtenis wist het tekenpapier.

Zie Veelhoekgebied tekenen en doorzoeken in de Voorbeelden van Azure Kaarten voor een volledig werkend voorbeeld van het gebruik van de tekenhulpmiddelen om te zoeken naar nuttige plaatsen binnen getekende gebieden. Zie Voorbeeldcode tekenen en zoeken in veelhoekgebied voor de broncode voor dit voorbeeld.

Screenshot showing a map displaying the Draw and search in polygon area sample.

Een meethulpmiddel maken

De volgende code laat zien hoe de tekenevenementen kunnen worden gebruikt om een meethulpmiddel te maken. De drawingchanging shape wordt gebruikt om de vorm te bewaken, omdat deze wordt getekend. Terwijl de gebruiker de muis beweegt, worden de afmetingen van de shape berekend. De drawingcomplete gebeurtenis wordt gebruikt om een definitieve berekening uit te voeren op de shape nadat deze is getekend. De drawingmodechanged gebeurtenis wordt gebruikt om te bepalen wanneer de gebruiker overschakelt naar een tekenmodus. drawingmodechanged De gebeurtenis wist ook het tekenpapier en wist oude meetgegevens.

Zie Een meethulpmiddel maken in de Azure Kaarten Samples voor een volledig werkend voorbeeld van het gebruik van de hulpmiddelen voor tekenen om afstanden en gebieden te meten. Zie Een voorbeeldcode voor het meetprogramma maken voor de broncode voor dit voorbeeld.

Screenshot showing a map displaying the measuring tool sample.

Volgende stappen

Meer informatie over het gebruik van andere functies van de module hulpmiddelen voor tekenen:

Meer informatie over de servicesmodule:

Bekijk meer codevoorbeelden: