图像地图 - 国家

Question

任何人都可以帮助我如何在地图下方编码，所以当您点击特定区域时，它可以带您到旁边的段落，并简要描述该城市？

到目前为止我的代码：

<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创建图像地图，但我的一些学生使用这个在线编辑器Easy Imagemap Generator http://imagemap-generator.dariodomi.de/。

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

希望这有帮助。