![]() As far as I know, vector tiles are the most performant for animations. There are two specifications for tiles: Vector tiles and raster tiles. These are tiles being loaded as you enter a new area. When you go to the Google Maps website and quickly move the map around, you might see a grey glitch here and there. One thing I’ve learned is that most online maps consist out of tiles getting loaded on demand. By using webGL and vector tiles, animations seem to work particularly smoothly and they’ve got great API documentation for all their options and functions. Mapbox GL JS is created by Mapbox, a company offering a whole range of map based services and products including hosted maps and geolocation services. Mapbox GL JS is an open-source JavaScript library for displaying vector tile based maps. So I started looking for an alternative.Įnter Mapbox GL JS. As it’s been a while ago I’m not sure what these limitations were exactly, but I do remember spending many hours figuring things out that eventually didn’t work as well as I hoped. I began developing with Google maps but quickly ran into limitations with things like handling of markers and zooming around. The concept I visualized was filled with smooth panning, zooming and flying to animated markers and such. The app is React based and I might combine it with Gatsby but before I got started I had to learn a thing or two about maps. I had this idea in my head since I came back from a long trip and after doing Peter Tichy’s React course that included making a map based application, I was inspired. One of the personal projects I’m working on is a webapp to beautifully showcase travels and destinations. I will also give you a quick introduction to setting up Mapbox. ![]() ![]() It’s my favorite alternative to Google’s service and in this article I’ll tell you why. Mapbox GL JS is one of the nicest open-source JavaScript libraries for displaying maps. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |