html - 图像 map - 国家

Question

任何人都可以帮助我如何在 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>

Answer 1

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

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

希望这对您有所帮助。