gpt4 book ai didi

javascript - 如何随着缩放级别的变化调整 map 上 SVG 图像的大小?

转载 作者:行者123 更新时间:2023-11-28 17:08:10 26 4
gpt4 key购买 nike

我正在使用传单来允许用户在 map 上绘制自定义 SVG 路径(多边形)。问题是当用户缩小时,多边形变得太大并遮挡了 map 的其余部分。

我在网上查找示例,我遇到的资源使用了 d3.geo 库中的地理函数。而在我的用例中,我在 map 上使用了 d3、传单和 SVG 图层。

是否有我可以应用的公式来正确调整对象的大小?我知道我必须应用基于宽度高度和当前缩放级别的转换功能,但我想知道是否有标准方法可以做到这一点?

编辑:这是我找到的一个资源,但它使用了 d3 geofunctions,据我所知,每次重置 map View 时似乎都会重新绘制多边形(这可能效率低下(?)

http://www.d3noob.org/2014/03/leafletjs-map-with-d3js-objects-that.html

最佳答案

只需应用 CSS 来更改 SVG 的大小,或者在每次触发滚动事件时使用 JS 或您用于 SVG 的任何内容修改 SVG。

Google map 在它的 API 中有一个事件,当缩放级别改变时会触发该事件。 https://developers.google.com/maps/documentation/javascript/events#EventProperties

关于javascript - 如何随着缩放级别的变化调整 map 上 SVG 图像的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29858864/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com