python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - mapbox-gl-js

Apply grayscale filter for some layers of a Mapbox map

I try to apply a grayscale effect to the background of a map, but I don't want the upper layers of the map to be affected by the grayscale. Naively, I applied a CSS filter on the canvas element: filt...
test-img

Raphaël Malié

javascript

mapbox

mapbox-gl-js

Votes: 0

Answers: 1

Latest Answer

No, it's not possible using CSS filters, as mapbox uses a single canvas element to draw all its layers. The only way to go about this is to modify the colors in the style of the map and change all col...
test-img

tao

Only be able to edit mapbox-gl-draw shapes when clicked

I am trying to create a web application using mapbox-gl with react. My goal is to have users draw multiple shapes and be able to edit them when desired. However, using map boxes default, a user can ed...
test-img

Berk Özkan

mapbox

mapbox-gl-js

mapbox-gl

react-map-gl

Votes: 0

Answers: 1

Latest Answer

One way to solve this to create a custom draw mode based on the direct_select mode where you override the clickInactive() to be a noop function. When the editing starts for a feature, you enter this m...
test-img

Max Metcalfe

Mapbox GL style line color based on property text value

I'm trying to style a single GeoJSON source with different line colors based on a feature property using react-map-gl, and I can't find a way to get set the color of lines in a smart way. Most of all,...
test-img

hansmei

mapbox

mapbox-gl-js

react-map-gl

Votes: 0

Answers: 1

Latest Answer

I've read about styling expressions at mapbox, and I believe the "feature-state" is key to solving this, but I cant wrap my head around how to get the color converted from a feature. You o...
test-img

Steve Bennett

How to generate a polygon around a GeoJson point in web mercator projection

I am building a tool to display markers on a map at varying heights in Mapbox GL Js. Mapbox currently lacks the ability to give a marker a height, and the geoJson point is not rendered on its own. How...
test-img

Skuffd

geojson

mapbox-gl-js

mercator

Votes: 0

Answers: 2

Latest Answer

You don't need to worry about the projection - Mapbox GL JS will project it for you. You may be able to use Turf's hexGrid method to generate a single hexagon.
test-img

Steve Bennett

Posts

Questions

Blogs

Jobs