交互式地图上的工具提示

Question

我需要使用 tooltipster 创建一个交互式地图，但我真的不知道如何开始......我有一张世界地图（一个 png 文件），我需要： - 在某些国家/地区有一组“点” - 当用户点击一个点时，它会放大地图并显示给定城市的其他点。 - 当用户点击一个城市时，它会显示一种标签，其中包含有关该城市的一些信息

是否可以使用 tooltipster 做到这一点？ 谁能帮我开始，因为我真的不知道从哪里开始......

谢谢你的帮助。

Answer 1

首先，如果您还没有创建图像映射。 这个在线工具将帮助您做到这一点： https : //www.image-map.net

然后当你下载这个工具生成的 HTML 时，把它插入到你自己的页面中。

您将在其中看到标签，例如<area shape="circle" coords="314,105,44" /> 。 您可以在这些标签上添加一个类或一个 id，并对它们进行操作，就像它是一个 div，如 Tooltipster 的文档中所示。

我希望它有帮助！