Javascript 当用户通过ImageMapster单击地图区域时，如何更改PHP页面中显示的Google文档？

我是js和php新手，如果我没有看到明显的东西，我真的很抱歉。下面是情况，然后是问题：

我显示了一个map1.png，当用户将鼠标悬停在该图像的某个区域时，会显示第二个图像map2.png的对应区域。我用imagemapster做的。代码如下：

    $(document).ready(function ()
{
    $('#areas').mapster({
    singleSelect : false,
    clickNavigate: true,
    render_highlight : { altImage : 'Images/map2.png' },
     mapKey: 'module',
    fill : true, altImage : 'Images/map2.png',
    fillOpacity : 1,
});
});    

下面是图像的标记：

<img id="areas" src="Images/map.png" width="927" height="704" alt="Mapa pedagógico" usemap="#areas">    

对于地图上的众多区域之一：

<map name="areas">
<area module="social" shape="circle" coords="463,461,63" href="programmation-noob-social.html" alt="social"/>

事情是这样的：

请注意，该页面还显示了谷歌电子表格。我想做的是找到一种方法，当用户单击图像中的一个区域时，更改Google文档。img地图的每个区域应对应于不同的电子表格

谢谢你的提示。

解决了

我给iframe提供了一个show id，并清空了src标记，因此可以用我的脚本填充它

<iframe id="show" width="100%" height="610" src=""></iframe>    

然后，我将地图每个区域中的模块键设置为对应的Google文档id：

<area module="1q7tRr6IkCDjS_mmDRWCj-ViExIPQn8imOu6MTiwKyWw" shape="circle" coords="463,461,63" href="#" alt="social"/>

而且效果很好

这对真正的程序员来说似乎很简单。。。对我来说，让它运行真是一件乐事

<area module="1q7tRr6IkCDjS_mmDRWCj-ViExIPQn8imOu6MTiwKyWw" shape="circle" coords="463,461,63" href="#" alt="social"/>