如何在 winjs 应用程序中创建图像地图热点？答案

【问题标题】：How to create a image map hotspot in a winjs application?如何在 winjs 应用程序中创建图像地图热点？
【发布时间】：2013-11-05 10:27:07
【问题描述】：

我正在使用 html5/js 开发 Windows 8 应用程序。我正在尝试在图像上创建可点击的热点。我尝试使用图像映射，就像我们在普通 html 网站中所做的那样，如下面的视频所示。 http://www.youtube.com/watch?v=q45CwyPtd9g。

使用的代码如下：

<img src="sampleimage.png" alt="screen1" width="3836" height="768" usemap="#Map" longdesc="file:///C|/Users/sample.png" border="0" /> <map name="Map" id="Map"> <area shape="rect" coords="1090,176,1636,664" href="www.google.com" alt="imagespot1" /> </map>

当我将它渲染到浏览器时它正在工作。但它不适用于 Windows 8。

有没有办法让它工作？（或）是否有任何其他替代技术可以在图像上创建可点击的热点？

【问题讨论】：

标签： html visual-studio-2012 windows-8 winjs blend

【解决方案1】：

如果我为地图区域 HREF 属性使用完全限定的 URL，您的图像地图代码对我来说就很好。

<img src="sampleimage.png" alt="screen1" width="3836" height="768" usemap="#Map" border="0" /> 
<map name="Map" id="Map"> 
    <area shape="rect" coords="1090,176,1636,664" href="http://www.google.com" alt="imagespot1" /> 
</map>

【讨论】：