Punt-objecten beter aanraakbaar maken op mobiel toestel
Op een mobiel toestel met een touchscreen zijn bij het opvragen van feature-info puntobjecten soms lastig aan te raken. Een oplossing hiervoor is om een onzichtbare 'aanraakrand' om de punt te creëren, waardoor je niet zo precies meer hoeft te mikken.
Met de volgende code van het Stroke-element van een SLD-bestand kun je in GeoServer een transparante aanraakrand rond een punt genereren:
<?xml version="1.0" encoding="ISO-8859-1"?> <sld:StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml" version="1.0.0"> <sld:NamedLayer> <sld:Name>default_point</sld:Name> <sld:UserStyle> <sld:Name>default</sld:Name> <sld:Title>Default Point</sld:Title> <sld:Abstract>Een voorbeeldstijl voor een punt met een transparante rand.</sld:Abstract> <sld:FeatureTypeStyle> <sld:Rule> <sld:PointSymbolizer> <sld:Graphic> <sld:Mark> <sld:WellKnownName>circle</sld:WellKnownName> <sld:Fill> <sld:CssParameter name="fill">#FF0000</sld:CssParameter> </sld:Fill> <sld:Stroke> <sld:CssParameter name="stroke">#FFFFFF</sld:CssParameter> <sld:CssParameter name="stroke-width">30</sld:CssParameter> <sld:CssParameter name="stroke-opacity">0.009</sld:CssParameter> </sld:Stroke> </sld:Mark> <sld:Size>7</sld:Size> </sld:Graphic> </sld:PointSymbolizer> </sld:Rule> </sld:FeatureTypeStyle> </sld:UserStyle> </sld:NamedLayer> </sld:StyledLayerDescriptor>
De volgende afbeelding toont het resultaat van deze SLD:
Wanneer je met de muisaanwijzer nog niet bij de punt bent, wordt hij al geselecteerd. Je kunt dus op een touchscreen al feature-info opvragen door de kaart in de buurt van de punt aan te raken. In WGP Beheer heb je ook de mogelijkheid om dit SLD-bestand op een WFS-laag toe te passen (op tabblad SLD van de laaginstellingen).
Je kunt als alternatieve oplossing in WGP Beheer de punten van een WFS-laag door een afbeelding met een transparante rand laten weergeven (laaginstelling Icoon op tabblad Stijl). Deze afbeelding mag niet groter zijn dan 100 x 100 pixels. De volgende afbeelding laat zien dat je zo al feature-info kunt opvragen door naast de (zichtbare) punt te klikken.
Deze laatste oplossing heeft echter als bezwaar dat de selectiemarkering van de punt door het gebruik van het icoon zal ontbreken.