Question

我在网上阅读了所有可用的内容，包括SAPUI5 Explored Apps，API等，在此写作。

我需要使用带地图的图像来定义和捕捉图像中不同的可点击区域。

SAPUI5探索说有一个UseMap参数，但没有提供足够的信息或示例。我已经尝试过，无法映射并获取点击的位置。

API提供sap.m.ImageHelper，其中一个参数用于使用地图。但它也缺乏示例或足够的文档。

最后，我知道有一些使用sap.ui.commons在线的例子。但我找不到使用sap.m

的任何例子

任何人都有一个真实的例子吗？

谢谢！

此致

道格拉斯

Answer 1

sap.m.Image useMap属性只是将一个useMap属性添加到元素中。但是，您需要定义一个与useMap属性中的名称相同的地图元素以及区域。

您可以使用sap.ui.core库中的HTML控件向页面添加HTML地图元素。

<Image src="img/someImage.jpg"
    width="200px"
    useMap="regions"
>
</Image>

<core:HTML content='&lt;map name=&quot;regions&quot;&gt;
                    &lt;area shape=&quot;rect&quot; coords=&quot;0,0,82,126&quot; href=&quot;link1.html&quot; alt=&quot;Link 1&quot;&gt;
                    &lt;area shape=&quot;rect&quot; coords=&quot;90,90, 158,103&quot; href=&quot;link2.htm&quot; alt=&quot;Link 2&quot;&gt;
                    &lt;/map&gt;'>
</core:HTML>

Answer 2

您不一定必须还原为地图编码的字符串化版本。通过引用useMap命名空间（请注意顶部的声明sap.m.image），可以通过以下方法将地图作为html的{{1}}参数提供：

xmlns:html="http://www.w3.org/1999/xhtml"

积分：https://answers.sap.com/questions/290270/how-use-sapmimage-with-usemap-and-get-the-clicked.html

在SAPUI5中，如何使用带有UseMap的sap.m.Image并获取单击的位置？

2 个答案: