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

Posted

技术标签:

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

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

使用的代码如下:

<img src="sampleimage.png" 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" /> </map>

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

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

【问题讨论】:

【参考方案1】:

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

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

【讨论】:

以上是关于如何在 winjs 应用程序中创建图像地图热点?的主要内容,如果未能解决你的问题,请参考以下文章

如何在谷歌地图中创建一个带有气泡聊天背景的自定义标记,以及像调情地图这样的图像右上角的数字?

如何使用 Swift 在 iOS 应用中创建热点网络

如何在主代理的地图上放置嵌套代理

在 Flutter 中创建图像轮播

如何在图像地图上为asp热点着色?

如何在 Mapbox iOS SDK 3.0 版中创建自定义图像标记?