My Web Map
This web map displays a stylized view of San Francisco using vector tiles from the osm2vectortiles CDN, rendered with the Tangram engine alongside Leaflet. It shows landuse polygons in a light blue-green and water polygons in a darker blue, with a locator control and URL hash for sharing the current view. The code loads the Mapzen JavaScript library, defines a Tangram scene in a YAML file, and logs the Tangram layer when the map loads.
AI-generated descriptionTangram personal playground
Tangram is a MapZen company project. There is a smalll tutorial for getting started at https://tangrams.github.io/tangram-tutorial/
We choose to play with it, featuring basic map creation with Tangram.
Two files are required:
- an html file for the web page to call Leaflet and Tangram together (they work together)
- a yaml file for tiles styling configuration required for Tangram engine where we use http://osm2vectortiles.org remote CDN tiles.
Demo is available at http://bl.ocks.org/ThomasG77/52f729ba5bf18d5051018dec516fe778
Feel free to ask any questions or improvements in the comments.
Comments
Sign in to join the discussion.