使用SVG，HTML/CSS，ImageMap创建具有可点击省/州的地图 [英] Create a map with clickable provinces/states using SVG, HTML/CSS, ImageMap

问题描述

我正在尝试创建一个交互式地图，用户可以在其中单击地图中的不同省以获取特定于该省的信息.

I am trying to create an interactive map where users can click on different provinces in the map to get info specific to that province.

示例:

• 已存档: http://www.todospelaeducacao.org.br/

已存档: http://code.google.com/p/svg2imap/

到目前为止，我只发现功能有限的解决方案.我只是真正使用SVG文件搜索了此文件，但如果可能的话，我将对其他文件类型开放.

So far I've only found solutions that have limited functionality. I've only really searched for this using an SVG file, but I would be open to other file types if it is possible.

如果有人知道执行此操作的完整功能(jQuery插件，PHP脚本，矢量图像)或有关如何手动执行操作的教程，请共享.

If anyone knows of a fully functioning way to do this (jQuery plug-in, PHP script, vector images) or a tutorial on how to do it manually please do share.

推荐答案

用于装饰图像地图(突出显示，选择区域，工具提示)的jQuery插件:

jQuery plugin for decorating image maps (highlights, select areas, tooltips):

http://www.outsharked.com/imagemapster/

披露:我写的.

这篇关于使用SVG，HTML/CSS，ImageMap创建具有可点击省/州的地图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！