创建一个地图,在单击链接时高亮显示区域

Create a map that highlights regions when links clicked

本文关键字:链接 单击 高亮 区域 显示 地图 一个 创建      更新时间:2023-09-26

我需要制作一个地图(使用HTML5和/或JavaScript),在点击相关链接时突出显示某些区域,所以地图不需要直接交互,我只需要它能够处理链接的点击事件。

有没有一个插件或网站可以在我选择的城市级别的区域创建一个简单的地图?我看过https://www.zeemaps.com,但据我所知,这只允许您创建带注释/高亮显示的地图,而不是交互式地图。

我使用了这个插件http://www.outsharked.com/imagemapster/.对于图像映射,你可以找到任何软件,可以将指定区域的图像映射为元素,如下所示:

<area href="#" color="blue" shape="poly" coords="40,55,27,46,16,47,10,76,10,80,14,81,12,85,9,87,9,90,12,91,13,96,16,98,22,96,26,99,33,99,34,103,32,109,29,112,36,114,37,119,37,127,40,132,38,139,43,142,49,144,52,146,49,150,49,155,50,159,53,165,57,164,65,169,69,175,74,175,81,173,91,176,96,175,106,169,108,166,112,170,115,173,121,172,123,184,129,188,133,187,135,182,142,176,145,173,148,166,151,163,153,156,157,149,151,144,151,138,155,137,155,130,158,127,157,121,150,118,144,117,138,119,136,115,134,111,137,108,135,103,135,99,130,91,136,85,133,80,135,76,139,71,137,64,139,60,141,56,145,52,148,52,148,46,141,41,142,32,134,27,128,20,128,17,129,15,124,11,115,11,114,23,114,30,113,38,112,43,109,44,103,43,97,49,91,50,89,55,84,59,80,60,77,61,75,59,61,52,51,46" alt="" data-type=" Highlands">

它们构成onclick事件处理程序,当您单击指定的区域/区域时会触发该事件处理程序。转到Doc链接,当然所有内容都在那里。