我如何轻松创建HTML5地图?

时间:2013-06-07 08:02:57

标签: html5 image map

我想创建一个地图,当我点击它时会改变图像,或者提供到某个地方的链接。

我知道这可以用HTML5完成,我必须添加坐标,对吧? 问题是需要花费数年时间才能手动使用photoshop并手动编写所有坐标....有没有办法更快地或用程序来做?

这是代码(如果您不知道):

<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

此地图例如:http://upload.wikimedia.org/wikipedia/commons/a/aa/Europe_map.png

1 个答案:

答案 0 :(得分:0)

您可以尝试使用iiCreator导入图片,然后定义要更改的自定义区域,或在鼠标悬停时显示弹出窗口。