How to create big dynamic map in canvas (like google maps- with some kind dynamic tiles), when I scroll the map- the area should be loaded dynamically? I found this- https://github.com/slav123/SpryMap but this is rather for one big image not for dynamic loading
2
- 1Stackoverflow deals mainly with coding related questions. So you might ask your question on Stackoverflow's new sister site that deals with software recommendations: softwarerecs.stackexchange.commarkE– markE2014-04-26 11:32:53 +00:00Commented Apr 26, 2014 at 11:32
- Did you check out leafletjs ?user1693593– user16935932014-04-26 12:48:49 +00:00Commented Apr 26, 2014 at 12:48
Add a comment |
2 Answers
I found something like this- very simple example, but it works pretty, found on https://gamedev.stackexchange.com/questions/42038/what-would-be-a-good-way-to-implement-render-a-2d-tiled-map-for-a-browser-game, first answer
Comments
Based on google maps, i believe they have many small images that they dynamically load into the map, they are of different zoom levels and locations, but always the same size. Making it easy to know which to load. You would want to load a buffer around the edges of your canvas to help reduce a loading time if you scroll quickly.
You can see what i'm talking about if you open maps.google.com, it will load block by block and if you scroll you will notice that a buffer of a single tile is loaded around the viewing window.
