Ryan Hamley ryanhamley
ryanhamley
/ use-svg-as-icon-image-mapboxgl.js
Last active
October 25, 2024 12:42
This gist shows how to use an <svg> element as an icon-image for a Mapbox GL symbol layer
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // How to add an SVG as a symbol layer's icon image: https://github.com/mapbox/mapbox-gl-js/issues/5529#issuecomment-340011876 | |
| // Also see here: https://stackoverflow.com/a/11765731/2748013 (we need the data url stuff for the image src) | |
| // NOTE: Importing SVGs requires an inline module loader such as https://github.com/webpack-contrib/svg-inline-loader | |
| import template from './templates/marker.svg'; | |
| const width = 20; | |
| const height = 40; | |
| const img = new Image(width, height); | |
| // map is your Mapbox GL map object |
ryanhamley
/ BART_Tracks.geojson
Last active
December 13, 2019 20:45
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
ryanhamley
/ BART_Stations.geojson
Created
December 13, 2019 20:34
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
OlderNewer