当前位置: 首页 > 知识库问答 >
问题:

如何在缩放级别改变时调整地图上SVG图像的大小?

皇甫波峻
2023-03-14

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

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

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

编辑:这是我找到的一个资源,但是它使用了d3 Geoffunctions,从我所能收集到的信息来看,它似乎在每次地图视图重置时都要重新绘制多边形(这可能是低效的(?)

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

共有1个答案

相洛华
2023-03-14

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

 类似资料:
  • 问题内容: 我想拍摄一张图像并更改图像的比例,虽然它是一个numpy数组。 例如,我有一个可口可乐瓶的图像: bottle-1 转换为一个numpy的形状数组,我想调整其大小以表示第二个图像的大小: bottle-2 形状为。 如何在保持原始图像的同时将图像尺寸更改为特定形状?其他答案建议每隔一行或第三行剥离,但是我想要做的基本上是像通过图像编辑器(但在python代码中)那样收缩图像。是否有任何

  • 我已经将一个图像读入一个JLabel,并将该图像缩放到JLabel的大小,如下所示: 我使用提供的GroupLayout并将水平轴和垂直轴设置为“自动调整大小”(通过设计视图),这样每当我更改窗口大小时,JLabel的大小就会自动调整为JFrame的大小。 现在我想调整图像的大小和JLabel的大小,这里开始麻烦了。我添加了一个事件处理程序,它响应JFrame的大小调整,如下所示: 另外,如果我想

  • 我正在使用必应地图v8控件。 这里有一个片段: 您可以看到它在桌面上工作,方法是将上面的代码段粘贴到这里并点击run:https://www.bing.com/api/maps/sdk/mapcontrol/isdk/adddefaultpushpin#js 不幸的是,这个游乐场不允许你在移动模式下自定义脚本,当你在游乐场中来回切换chrome到移动时,行为不会重现(我可以通过在自己的应用程序中的

  • 我在RShiny中的中有一个地图,其中绘制了标记,一旦我单击一个标记,它就会在地图上添加圆圈,显示所有与标记相关的点。 我想做的是设置地图的缩放/视图,使所有相关的圆圈都可见。 标记的圈数因标记而异,有些标记有1或2个圈,而有些标记有更多圈。此外,圆圈的位置在美国各地不同,所以它们可以放在一个城市或另一个州。 map=带标记的原始映射Df=lng图中所选标记相关性质的圆的lng 我想设置缩放级别,

  • 我正在使用壁画在列表视图中显示图像。不过,我有个问题。 当我使用CENTER_CROP等保持纵横比的方法缩放图像时,缩放的图像高度变得小于SimpleDraWeeView的高度,SimpleDraWeeView不会自动调整大小以匹配缩放图像的大小。 > 我尝试使用,但它不起作用。 我也尝试了下面的方法,但是scaleY(我想用来计算缩放高度)返回1,即使图像高度小于Simpe-Dravee-Vie

  • 我将我在matlab中制作的图像导入rStudio中的Markdown,使用: 然而,我在网上查找,只能找到切换到html<代码> 只需将标题{width=250px}添加到我的图像末尾。 有没有其他方法可以更改图像的大小?