JSFiddle

jscastro76's public fiddles

• LinkedIn Date Decipher

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Display a web map using an alternate projection

  Use an Albers, Lambert, Winkel Tripel, or other map projection. See the example: https://docs.mapbox.com//mapbox-gl-js/example/map-projection/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Create a hover effect

  Use events and feature states to create a per feature hover effect. See the example: https://docs.mapbox.com//mapbox-gl-js/example/hover-styles/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mercator view counting objects

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Threebox example

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Generate an optimized route with the Optimization API

  Use the Mapbox Optimization API to generate a duration-optimized route between several points. See the example: https://docs.mapbox.com//help/tutorials/optimization-api/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• event

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Create a hover effect

  Use events and feature states to create a per feature hover effect. See the example: https://docs.mapbox.com//mapbox-gl-js/example/hover-styles/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Create a hover effect

  Use events and feature states to create a per feature hover effect. See the example: https://docs.mapbox.com//mapbox-gl-js/example/hover-styles/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Locate the user

  Geolocate the user and then track their current location on the map using the GeolocateControl. See the example: https://docs.mapbox.com//mapbox-gl-js/example/locate-user/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mapbox driving basic game

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Filter by property

  Switch to another map style. See the example: https://docs.mapbox.com//mapbox-gl-js/example/setstyle/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Threebox example

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Add a popup with a chart

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 4