动态画布大地图像谷歌地图

时间:2014-04-26 09:55:04

标签: javascript html5 canvas html5-canvas

如何在画布中创建大型动态地图(如google地图 - 使用某种动态图块),当我滚动地图时 - 应该动态加载该区域?我找到了这个 - https://github.com/slav123/SpryMap,但这不是一个大图像而是动态加载

2 个答案:

答案 0 :(得分:2)

我发现了这样一个非常简单的例子,但它很有效,可以在https://gamedev.stackexchange.com/questions/42038/what-would-be-a-good-way-to-implement-render-a-2d-tiled-map-for-a-browser-game上找到,第一个答案

答案 1 :(得分:1)

基于谷歌地图,我相信它们有许多小图像,它们动态加载到地图中,它们具有不同的缩放级别和位置,但总是相同的大小。让您轻松了解要加载的内容。如果快速滚动,您可能希望在画布边缘周围加载缓冲区以帮助减少加载时间。

如果您打开maps.google.com,您可以看到我正在谈论的内容,它将逐块加载,如果您滚动,您会注意到在查看窗口周围加载了单个图块的缓冲区。