问题标签 [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 投票
0 回答
406 浏览

google-static-maps - 如何通过谷歌静态地图api从边界位置设置fitbound/最大缩放

我是使用 google map api 的初学者。我的工作是从特定的作物植物边界获取图像,并对其植被指数进行图像处理。但是每个植物场都有不同的面积大小,所以我需要调整缩放级别以覆盖所有区域。

我已经学会了如何使用 url 来请求地图,但是我找不到如何设置 fitbound,或者在显示请求边界位置的所有点时最大化缩放级别。请给我任何建议。

在此处输入图像描述

0 投票
1 回答
290 浏览

google-maps-api-3 - 具有复杂 KML 的 Google Map Api 自动拟合 (fitBounds)

我有一个使用 Google Maps API 的工具。我从一个巨大的 KML 数据库中加载 KML 多边形,其中包含法国每个城市的所有 KML。然后我将它们合并以创建一个包含多个城市的复杂 KML。

我曾经调用过旧的 Maps API 版本,自动调整是自动的:它检测到我的 KML 文件的边界,然后调整地图缩放以提供给用户最佳缩放级别。

但是现在,当我进入地图时,缩放级别太低了,我什么都看不到。

看来,对于新的 API 版本,我们必须使用 fitBounds() 方法,给它我们想要的最小/最大界限......

是不可能的!我的 KML 是从数据库加载的,它们可以包含数千个多边形、坐标、指针......

我该如何处理呢?有没有办法(例如使用 GeoXML3 之类的库)来获取复杂 KML 的最小和最大界限?

0 投票
1 回答
359 浏览

javascript - 谷歌地图适合全屏绑定

我在全屏时遇到了谷歌地图的问题:当它需要适应标记的边界时,它可以在小 div 中工作,但在全屏时,它又像在小 div 中一样适合。

我需要的是当我全屏时它“放大到适合范围”,当我回到小 div 时它“缩小到适合范围”。

有什么可以做的吗?

这是一个例子:https ://jsfiddle.net/cmjcs5eL/

谢谢

0 投票
1 回答
455 浏览

javascript - 谷歌地图 .fitBounds() 和自定义 offsetCenter?

我正在使用这个函数,它给出了一个 latlong,它考虑到 offsetX 和 offsetY 将谷歌地图居中:

我正在使用它,所以:

但是现在他们要求我用偏移量来调整边界(所以没有一个标记不在视野之外

(通常这样使用:)

但是我看不到将这两个功能结合起来的方法

(这是因为我在谷歌地图上有一个浮动( pos: absolute ),就像我在网上找到的这张图片:

在此处输入图像描述

)

有任何想法吗?

-我现在正在尝试这样:

但是地图会被过度放大..甚至不在可见区域的中心..

0 投票
1 回答
378 浏览

google-maps-api-3 - 全屏上的 FitBounds 缩小到 0

我在 div 中有一个地图,其绝对位置位于绝对容器内。此外,地图的大小是根据顶部、底部、左侧和右侧 css 属性计算的。单击折线会在地图上调用 fitBounds,而不是拟合它会缩小到 0。

例子在这里:小提琴(重现这种情况进入全屏模式,点击第一条折线,缩小并点击第二条)

有什么建议为什么会发生?

和js代码

0 投票
1 回答
3239 浏览

swift - Swift GoogleMaps fitBounds Zoom

新编码器尝试在我看来适合 GoogleMap。

我搜索了很多信息,得出了这个结论,但它对我不起作用。

覆盖 func loadView() {

地图未使用适当的缩放进行调整。

情况图片

任何人都可以帮助我解决缩放问题吗?

提前致谢 :)

0 投票
2 回答
265 浏览

javascript - Google Maps fitBounds 是否在标记标签上抛出错误?

如果我在 Google Maps 地图上添加带有标签的标记,然后将 fitBounds 调用到另一个区域,除非我缩小,否则我仍然会继续看到没有标记的标签。它是一个错误吗?

这是一个工作小提琴,尝试单击米兰按钮: JSFiddle

html:

CSS:

Javascript:

0 投票
1 回答
635 浏览

mapbox - 如何计算 fitBounds() 的坐标点?

如何计算 fitBounds() 方法的坐标点以获取 MapBox 中的确切区域?

0 投票
1 回答
1538 浏览

javascript - Zoom on click in marker using leaflet for more then actions

I have a problem when I try make a zoom on marker, I got a error:

Uncaught TypeError: e.target.getBounds is not a function

But when I do console.log it return correctly. What I'm wrong? My source code is here:

http://github.com/eltonsantos/analise_integrada

the map.fitBounds appear is ok, but still dont work :( Someone help me? thanks!

0 投票
1 回答
2084 浏览

javascript - 在具有角度的 ngx-leaflet 的 featureGroup 上使用 getBounds/fitBounds

在我正在创建的应用程序中,我将点组动态添加到嵌套地图单击事件中引用的 featureGroup。所以要点是我有一张显示不同地区的国家地图。单击一个区域使地图边界适合该多边形并显示与该多边形相关的点,例如城市。单击单个点/城市会进一步深入并显示与第一个单击点相关联的另一组点,例如所选城市内的所有图书馆。

问题是,一旦我的最后一组点(库)位于 featureGroup 中(由于我的点击事件的嵌套性质,这是必要的),我无法在组上使用 fitBounds/getBounds。这是一个最小的示例(基于 ngx-leaflet-tutorial-ngcli 教程):

app.component.html

app.component.ts

我曾经console.log展示过featureGroup的输出:

如您所见,没有_bounds可用的方法。有没有办法让 ngx-leaflet 中的 featureGroup 适应Bounds?