<img :src="item" mode="aspectFill" usemap="#map"></img>
<map name="map" id="map">
<area shape="polygon" coords="1, 1, 375, 1, 250, 375" title="1111" @click="cl">
</map>
1***@qq.com
- 发布：2020-07-03 12:02
- 更新：2023-01-08 22:21
- 阅读：667
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.14
浏览器平台： Chrome
浏览器版本： 81.0
项目创建方式： HBuilderX
示例代码：
操作步骤：
<img :src="item" mode="aspectFill" usemap="#map"></img>
<map name="map" id="map">
<area shape="polygon" coords="1, 1, 375, 1, 250, 375" title="1111" @click="cl">
</map>
<img :src="item" mode="aspectFill" usemap="#map"></img>
<map name="map" id="map">
<area shape="polygon" coords="1, 1, 375, 1, 250, 375" title="1111" @click="cl">
</map>预期结果：
<img :src="item" mode="aspectFill" usemap="#map"></img>
<map name="map" id="map">
<area shape="polygon" coords="1, 1, 375, 1, 250, 375" title="1111" @click="cl">
</map>
<img :src="item" mode="aspectFill" usemap="#map"></img>
<map name="map" id="map">
<area shape="polygon" coords="1, 1, 375, 1, 250, 375" title="1111" @click="cl">
</map>实际结果：
<uni-map>
</uni-map>
<uni-map>
</uni-map>bug描述：
uniapp的map组件和area热点里面的map组件冲突，使用热点的map，会被uni当成一个地图渲染。
1 个回复
连连看
请问有解决吗？我现在也遇到这个问题