创建交互式下钻地图

时间:2017-10-15 19:41:25

标签: javascript html html5 html5-canvas maps

我使用图像和多边形以及javascript创建了一个HTML地图,以创建一个类似于以下使用flash的交互式下钻地图:

https://www.spitogatos.gr/

http://www.xe.gr/property/

如何在不使用闪光灯的情况下创建这样的地图?

我现在的方式很难管理和扩展,因为它依赖于图像和协调很多。

1 个答案:

答案 0 :(得分:1)

您需要使用svg制作地图。

点击此链接:https://parall.ax/blog/view/2985/tutorial-creating-an-interactive-svg-map

演示:https://parall.ax/examples/svg_map

并使用一些javascript来显示工具提示:HTML-Tooltip position relative to mouse pointer

我希望这有帮助:)