Javascript 具有大量数据的动态谷歌地图

我想创建一个大的2D地图（100x100个字段，每个字段190x110像素），应该可以缩放和滚动

背景图像相对简单，只是一些图像（石头、水等）反复出现，但随机排列。因此，我可以创建整个背景图像，生成一个非常大的文件，或者使用小石头/水图像动态创建它

每个字段上都会有一个项目。我必须能够检测其中一个（以及哪个）被点击。更为复杂的是，项目的图像将包含透明区域，这些区域不应对单击作出反应。如果项目A覆盖项目B，单击A的透明区域应触发B的功能。
10000个字段大约有20个图像，因此可以重复使用

我已经尝试用canvas创建我的地图，但是在某些浏览器/计算机上的性能非常差（firefox对我来说很好，但对我的一个朋友来说不行，opera对我们双方都有巨大的性能问题）

我的一个想法是使用一个基于GoogleMaps脚本的库，但我担心这样我就必须创建每个可点击的项目作为标记，从而导致其他性能问题

---

您知道如何创建描述的映射而不出现性能问题吗？只要页面上的导航没有被阻止，加载地图只需几秒钟就可以了。

你可以试试图书馆。我正打算如上所述建议，另一个（略偏左的字段）想法可能是Seadragon：