Angularjs 无法在Ionic V5应用程序上禁用d3 topojson基本地图缩放

Angularjs 无法在Ionic V5应用程序上禁用d3 topojson基本地图缩放,angularjs,d3.js,svg,ionic5,Angularjs,D3.js,Svg,Ionic5,我正在尝试在我的应用程序上使d3拓扑图的缩放功能更加平滑。默认的缩放行为有很大的滞后性,并且大多数情况下与ionic touch事件冲突。我正在尝试完全禁用所有默认的缩放功能,并将尝试使用放大/缩小按钮。。但我似乎无法禁用缩放功能 这是我的标记 这是我的地图代码 虽然我不能在地图上收缩缩放,但似乎我可以通过收缩地图外的白色区域来缩放svg。我想完全禁用收缩缩放,以便用户无法使用触摸缩放 你可以在地图上方放置一个div,给这个div一个透明的背景,并将其高度和宽度作为地图的大小,这样当用户触摸

我正在尝试在我的应用程序上使d3拓扑图的缩放功能更加平滑。默认的缩放行为有很大的滞后性,并且大多数情况下与ionic touch事件冲突。我正在尝试完全禁用所有默认的缩放功能,并将尝试使用放大/缩小按钮。。但我似乎无法禁用缩放功能

这是我的标记

这是我的地图代码


虽然我不能在地图上收缩缩放,但似乎我可以通过收缩地图外的白色区域来缩放svg。我想完全禁用收缩缩放,以便用户无法使用触摸缩放

你可以在地图上方放置一个div,给这个div一个透明的背景,并将其高度和宽度作为地图的大小,这样当用户触摸div时,它不会产生任何效果,因为它是div而不是地图,然后你可以使用两个按钮(放大/缩小)进行缩放。

我认为你可以在地图上方放置一个div,给这个div一个透明的背景,这样当用户触摸div时,它不会产生任何效果,因为它是div而不是地图,然后你可以使用2个按钮进行缩放放大/缩小。我认为它不起作用,因为标签有100%的高度和宽度属性。所以它覆盖了整个可见区域。但我会尽快告诉你最新情况。此外,我还尝试在d3元素上添加缩放事件,它也不起作用。。this._svg.on(“zoom”,(ev:any)=>this.zoom(ev));然后在zoom()函数中,我有一个console.log(),但控制台中没有任何日志。。缩放事件也不会触发。。我将很快向您更新DIV。到目前为止,我还没有理解svg的意义,但是尝试一下,如果它不起作用,那么告诉我什么是svg lol。你知道吗?它起作用了。。SVG基本上就是d3映射容器:)LOL。现在让我尝试调用d3缩放事件:)谢谢!是的,当我告诉你制作一个新的地图时,我是按照你的命名工作的,但是在你告诉我如何使用svg之后,我认为它不是地图。我是把它作为答案还是你还有问题?