我正在尝试制作美国的交互式地图，您可以在其中单击一个州，该州会“在其他州之上”扩展，并在其中对所选州进行一些简短的描述。 我尝试查找这样的内容，并找到了与我正在寻找的内容相似的内容，但并不完全相同。我了解到我需要使用 svg，但我很难找到一些关于如何执行我需要的指导。
【问题讨论】：
interactive map of the US 似乎很有趣。你能把你的代码朋友贴出来吗？
标签： javascript html drupal
就个人而言，我会将美国地图的图像粘贴到页面中。
然后我会使用 HTML <map> 功能创建指向您想要“链接”的“地图的每个区域”的超链接。然后，我会将它们超链接到包含有关特定美国州的更详细信息的不同页面（或通过 CSS 的工具提示）。
如果您之前没有使用过<map> 功能，这里有一个简单的概要：
<img src="XXX" width="XXX" height="XXX" alt="XXX" usemap="#mapname">
<map name="mapname">
<area shape="rect" coords="SEE BELOW" href="XXX" alt="XXX">
</map>
coords="XXX" 属性必须采用以下格式：coords="x1,y1,x2,y2" 其中：
x1 = top left X coordinate
y1 = top left Y coordinate
x2 = bottom right X coordinate
y2 = bottom right Y coordinate
请注意：
1.usemap="#mapname"属性必须包含#。
2.您必须将您自己的信息放在放置XXX的位置。
3. 如果要使用 CSS 的 Tooltip 功能，则不需要在 <area> 中包含 href="XXX"。如果您要将每个美国州链接到不同的专用页面，则需要这样做。
如果您想探索 CSS 工具提示选项，这将是一个好的开始：https://kazzkiq.github.io/balloon.css/。
还有其他方法可以仅使用 CSS，或者使用 Javascript/JQuery，但这将是一种纯 HTML 方法，非常方便。
希望这会有所帮助。
【讨论】：