Feature "reduzierter Kartenausschnitt"

[JaninaBistron]

Expected behavior:
This map feature should draw a circle around the current position of the player. In the circle that map is visible. Outside the circle the map is brighter and blurred.

Actual behavior:
This feature is still missing.

[YouQam]

@JaninaBistron what is the diameter value of the circle?

[JaninaBistron]

@YouQam I would like to start with a diameter of 60 m (and test it in a real game)...

[YouQam]

I created a feature branch for the issue. see

[YouQam]

Initial implementation view,

[YouQam]

Useful links:

• A new fill paint property to mask areas outside region of interest or polygon mapbox/mapbox-gl-js#6267
• Add "circle-stroke-*" style properties mapbox/mapbox-gl-style-spec#379
• https://stackoverflow.com/questions/37599561/drawing-a-circle-with-the-radius-in-miles-meters-with-mapbox-gl-js
• https://blog.mapbox.com/introducing-data-driven-styling-in-mapbox-gl-js-f273121143c3

[JaninaBistron]

@YouQam: Please keep diameter of 60 m...
Currently, the diameter changes when zooming.

[YouQam]

@YouQam: Please keep diameter of 60 m...
Currently, the diameter changes when zooming.

Now, circle diameter is static-sized to 60 m.

[JaninaBistron]

Works :)
Could you also add a bar which allows the game creator to choose the diameter on his own (from 20 - 100 m)?

[YouQam]

• turf intersect: Each LinearRing of a Polygon must have 4 or more Positions Turfjs/turf#1583

[JaninaBistron]

There's a bug: Everytime I combine different tasks (some of them WITH the map feature "reduzierter Kartenausschnitt" and some of them WITHOUT), the map feature "reduzierter Kartenausschnitt" isn't visible/ doesn't work...