问题标签 [fitbounds]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
890 浏览

javascript - 如何使用 mapbox gl js 防止鼠标滚轮交互停止 fitBounds() 动画?

我向 mapbox 地图添加了一些标记,并让 geojson-extent.js 中的 fitBounds() 方法调整地图位置和缩放。

动画持续时间默认设置为 5 秒。当用户此时在地图上进行鼠标滚轮交互时,动画停止。没问题:缩放停止动画。但是我怎样才能防止这种情况呢?

我尝试了很多解决方案:

1.禁用缩放

用户无法通过鼠标滚轮滚动地图,但动画仍然停止。

2. 赶轮事件

用户无法通过鼠标滚轮滚动地图,但动画仍然停止。

3.完全禁用用户交互

酷,动画不再被中断,但现在用户无法平移地图。我没有找到在运行时重置此属性或添加导航元素以进行平移的解决方案。

4.将动画设置为重要

没有效果。

5.禁用动画

这行得通,但它是一种解决方法。我喜欢保留动画。

6.添加一个覆盖来阻止用户交互

这是我目前的解决方案,它有效,但感觉像是一个糟糕的黑客,仍然是一种解决方法。

那么,你有没有其他的想法来防止动画被打断呢?最好使用 mapbox 方法。

谢谢您的帮助!

0 投票
1 回答
92 浏览

google-maps - 如何更紧密地拟合Bounds groundOverlay google maps api

我创建了一个使用 Google Maps API 的 groundOverlay。我想让地面尽可能地适合。我也尝试使用padding选项,zoom++但它没有按我预期的那样工作。

当前的:

在此处输入图像描述

预期的:

在此处输入图像描述

重制:https ://jsfiddle.net/abinhho/5kvtfpeo/10/

0 投票
1 回答
177 浏览

javascript - 如何使地图覆盖javascript中的所有标记?

我在 javascript 中遇到了 Google Map 的问题,我无法使所有标记都符合界限。只有第一个标记可见。这是控制台中抛出的错误:

未捕获的异常:InvalidValueError:不是 LatLngBounds 或 LatLngBoundsLiteral:不是对象

这是我正在使用的代码:

我在地图上有 4 个标记,但地图被缩放并以添加的最后一个为中心,如下图所示:

在此处输入图像描述

如果我缩小地图,我可以看到所有其他标记,但 fitbounds 无法使所有标记都适合边界。

0 投票
4 回答
4287 浏览

flutter - Flutter LatLngBounds 未显示准确的位置

我正在尝试使用我的颤振谷歌地图将我的所有标记显示到视口中。但它似乎不适用于我的情况。到目前为止,我已经尝试过:

正如我所看到的,它总是显示北大西洋的地图。 关于这个问题是否有任何解决方案,或者它正在 Flutter 中开发?提前致谢

0 投票
1 回答
588 浏览

javascript - 动态边界更改不会对“react-leaflet”产生任何影响

我在尝试使用react-leaflet'bounds属性时遇到了问题。我的用例是我的应用程序在状态中定义了一些初始边界(比如说,回退边界),并且这些边界在组件的第一次渲染期间传递。应用程序架构要求我发送请求以在组件内设置新边界,问题就来了。

在下面的示例中(我使用 模拟 AJAX 请求setTimeout)我们可以注意到,在超时后来自请求的新边界根本没有设置,我不太确定它为什么会发生。

我怀疑这与动画有关,因为当超时延迟增加时,问题不会发生,并且第二个边界设置正确。

我的设置:

现场示例:https ://codesandbox.io/s/keen-silence-vnt23

0 投票
1 回答
36 浏览

mapbox - Mapbox fitBounds 不接受坐标 - 留在肯尼亚

我刚开始使用 MapBox 并拥有此代码(只需从该示例https://docs.mapbox.com/mapbox-gl-js/example/fitbounds/复制代码并替换坐标):

这应该给出西班牙的地图,唉,我仍然在肯尼亚

错误可能在哪里?

谢谢

0 投票
1 回答
42 浏览

python - 曲线拟合函数

我正在尝试将以下方程曲线拟合,其中d, D, Ar, Tr每个参数都在某个范围内。物理常数是:gamma = 26.76E7, n = 6.59E28,Ad = 2.099E-20 方程分为几个部分。

这是 x 和 y 数据集 -

参数范围为: d = [3.00E-10, 4.00E-10], D = [12.5E-12, 14.00E-12], Ar = [3.00E9, 4.00E9],Tr = [1.00E-10, 2.5E-10]

这是我编写的代码,它没有给我正确的拟合和正确的参数值。

任何事情都会非常感激。当我运行这段代码时,这curve_fit很遥远。

0 投票
0 回答
35 浏览

javascript - 有没有办法在传单 fitbounds 上使用动态填充?

我正在尝试从数组动态渲染传单标记并将边界拟合到它们所在的一般区域,有没有办法根据标记距离调整缩放?

目前它放大得太近了。

下面是我的 fitbounds 代码。

0 投票
0 回答
71 浏览

javascript - 带有轨道 fitbounds 的传单 featureGroup 无效

有没有更好的办法???

我正在向地图添加几条轨道(使用Leaflet-gpx 插件),并希望将地图适合所有添加的轨道的边界。

通过使用 featureGroup 层来包含轨道,可以使用 fitBounds() 方法使用特征组。然而,featureGroup 没有加载事件来触发 fitBounds() 并且地图似乎也没有合适的触发器。

渲染后直接在地图上调用 fitBounds() 失败并出现“无效边界”错误。但是,将调用延迟大约一秒钟可以使其正确执行。

我认为正在发生的事情是加载组中的所有 gpx 图层需要时间,并且在完成之前,该组无法返回一组有效的边界。

因此,使用 setTimeout 来延迟 fitBounds() 可以工作,但会在地图重新渲染自身时导致一些烦人的闪烁。有没有更好的办法?

这有效:

0 投票
0 回答
9 浏览

leaflet - FitBound 方法花费太多时间来设置视图

我们正在使用传单库绘制 5k 点(标记)。在将边界框坐标传递给 5k 商店的 FitBounds 方法时,应用边界大约需要 15 秒。

我们正在使用传单的geoJson方法通过输入geoJson数据来绘制标记。即使是这种方法也需要大约 7-10 秒才能获得 5k 点。

geoJson 方法

请找到 layer.bounds 提供的边界。

我们将此作为 fitBounds 方法的输入。

层边界

在调用 fitBounds 方法提供上述边界作为输入后,从该方法返回 5k 存储大约需要 15 秒。

如果需要,请告诉我们。如果是这样,有没有办法克服这个问题。

问候, 帕万库马尔 J