禁用地图滚动打开街道地图

Question

如何禁用鼠标交互或滚动打开地图iframe？ 我有以下，我把属性scrollwheel="false"有没有通过CSS的方式，可以禁用滚动或通过CSS的交互？

<iframe id= "mapsource" scrollwheel="false" src="http://www.openstreetmap.org/export/embed.html?bbox=-123.21233510971068%2C49.260691198361066%2C-123.18484783172607%2C49.27329289319553&amp;layer=mapquest&amp;marker=49.26699244809891%2C-123.19858074188232"></iframe> 

我打开其他选项，如使用JavaScript代替禁用滚动？

Answer 1

尝试pointer-events: none;

#mapsource { 
 
    pointer-events: none; 
 
    }

<iframe id= "mapsource" scrollwheel="false" src="http://www.openstreetmap.org/export/embed.html?bbox=-123.21233510971068%2C49.260691198361066%2C-123.18484783172607%2C49.27329289319553&amp;layer=mapquest&amp;marker=49.26699244809891%2C-123.19858074188232"></iframe>