jscastro76's public fiddles
-
Add a 3D model with Shadow
Use a custom style layer with three.js to add a 3D model to the map. See the example: https://docs.mapbox.com//mapbox-gl-js/example/add-3d-model/
-
Differentiate feature on click
Switch to another map style. See the example: https://docs.mapbox.com//mapbox-gl-js/example/setstyle/
-
Add a 3D model
Use a custom style layer with three.js to add a 3D model to the map. See the example: https://docs.mapbox.com//mapbox-gl-js/example/add-3d-model/
-
Display buildings in 3D
Use extrusions to display buildings' height in 3D. See the example: https://docs.mapbox.com//mapbox-gl-js/example/3d-buildings/
-
Add a GeoJSON polygon
Style a polygon with the fill layer type. See the example: https://docs.mapbox.com//mapbox-gl-js/example/geojson-polygon/
-
Measure distances
Click points on a map to create lines that measure distanced using turf.length. See the example: https://docs.mapbox.com//mapbox-gl-js/example/measure/
-
crhsub8y
No-Library (pure JS), HTML, CSS, JavaScript
-
-
-
get bounding sphere of a scene
Three.js 105, HTML, CSS, JavaScript
-
Update a feature in realtime
Change an existing feature on your map in realtime by updating its data. See the example: https://docs.mapbox.com//mapbox-gl-js/example/live-update-feature/
-
Measure distances
Click points on a map to create lines that measure distanced using turf.length. See the example: https://docs.mapbox.com//mapbox-gl-js/example/measure/
-
get bounding sphere of a scene
No-Library (pure JS), HTML, CSS, JavaScript
-
Add an icon to the map
Add an icon to the map from an external URL and use it in a symbol layer. See the example: https://docs.mapbox.com//mapbox-gl-js/example/add-image/
-
Differentiate feature on click
Switch to another map style. See the example: https://docs.mapbox.com//mapbox-gl-js/example/setstyle/
-
Create an event on marker popup
Switch to another map style. See the example: https://docs.mapbox.com//mapbox-gl-js/example/setstyle/
-
Locate POIs
Switch to another map style. See the example: https://docs.mapbox.com//mapbox-gl-js/example/setstyle/
-
get bounding box of a imported model
No-Library (pure JS), HTML, CSS, JavaScript
-
Use the geocoder without a map
Use the mapbox-gl-geocoder control to search for places using Mapbox Search API without an associated map view. See the example: https://docs.mapbox.com//mapbox-gl-js/example/mapbox-gl-geocoder-no-map/
-
Change a map's style
Switch to another map style. See the example: https://docs.mapbox.com//mapbox-gl-js/example/setstyle/