交互式地图上的工具提示

Posted 2023-05-07

【中文标题】交互式地图上的工具提示

【英文标题】：tooltipster on interactive map

【发布时间】：2020-03-23 06:26:16

【问题描述】：

我需要使用工具提示器创建交互式地图，但我真的不知道如何开始... 我有一张世界地图（一个 png 文件），我需要： - 在某些国家有一套“点” - 当用户点击一个点时，它会缩放地图并显示给定城市的其他点。 - 当用户点击一个城市时，它会显示一种带有城市信息的标签

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

感谢您的帮助。

【参考方案1】：

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

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

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

希望对你有帮助！