互动地图上的工具提示

时间:2019-11-27 16:27:29

标签: dictionary tooltipster

我需要使用工具提示创建一个交互式地图,但是我真的不知道如何开始... 我有一张世界地图(一个png文件),我需要: -在某些国家/地区上有一组“点” -当用户单击一个点时,它将缩放地图并显示给定城市的其他点。 -当用户点击城市时,它会显示一种标签,其中包含有关城市的一些信息

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

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

首先,创建一个图像地图(如果尚未创建)。 此在线工具将帮助您做到这一点:https://www.image-map.net

然后,当您下载此工具生成的HTML时,请将其插入到自己的页面中。

您将在其中看到标签,例如<area shape="circle" coords="314,105,44" />。您可以在这些标签上添加类或ID,然后像对div进行操作一样对其进行操作,如Tooltipster文档中所示。

我希望对您有帮助!

相关问题