html - 图片 map -国家

谁能帮我在地图下方进行编码，所以当您单击特定区域时，可以带您到其旁边的段落中对该城市进行简要说明吗？

到目前为止，我的代码：

<section class="section-places">
    <h2>places</h2>
        <p><a name="bangkok-map"></a> This is Bangkok..... </p>
        <p><a name="chiangrai-map"></a> This is Chiang Rai..... </p>
        <img class="thai-map" src="resources/css/img/thailand861891_1920.png" alt="Thai-Map" usemap="#mapbangkok">

<map name="bangkok">
    <area shape="circle" coords="50,0,82,126" alt="Bangkok" href="#">
</map>

最佳答案

我通常使用Dreamweaver创建图像地图，但是我的一些学生使用此在线编辑器Easy Imagemap Generator http://imagemap-generator.dariodomi.de/。

生成图像地图后，为每个相关段落提供一个片段标识符，因此Bangkok段落的ID为“ bangkok”，而上面示例中的href值为#bangkok。

希望这可以帮助。

关于html - 图片 map -国家，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48528976/