问题标签 [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 回答
10714 浏览

leaflet - 带有 Leaflet 的标记的 fitBounds

我有一个命名的标记数组,markers我使用在地图中添加这些标记LeafletJs

现在我想专注于覆盖所有标记的视口

为什么我在行中收到Cannot read property 'lat' of undefined错误消息map.fitBounds(bounds, { padding: [20, 20] });

0 投票
1 回答
1126 浏览

angularjs - 谷歌地图 fitbounds 不适用于 angularjs ng-dialog

我正在使用angularjs 的ng-Dialog模块作为车辆行程视图地图。我的trip-map angularjs指令工作正常,地图在完整窗口中加载了fitbounds(不在ng-dialog模型弹出窗口中),但在ng-dialog弹出窗口中不起作用。

在 ng-dialog 中,加载了 googlemap,但地图不在 fitbounds 中。

早些时候我认为问题是由于googe map fitbound不能正常工作,所以我发布了以下问题。你可以在这里找到我努力的更多细节。

谷歌地图fitBounds不起作用


控制器中的 ng-dialog 调用代码:

地图fitbound代码:


在窗口中它看起来很好:

在此处输入图像描述

在 ng-dialog 模式弹出窗口中,它移动到左上角,如下所示:

在此处输入图像描述

请告诉我解决方案。这将是可观的。

0 投票
1 回答
4542 浏览

javascript - 谷歌地图 fitBounds 与填充?

我们想要在我们的谷歌地图应用程序中使用类似这样的传单 fitBounds 。我们看到了一些例子,但它没有按预期工作。我们试图将 div 作为谷歌地图控制器,手动扩展边界,但没有任何效果......

0 投票
2 回答
3223 浏览

javascript - Google Maps JavaScript API - fitbounds 和 setCenter

我一直在寻找解决此问题的方法,但似乎找不到解决此问题的方法。我得到的最接近的是这个线程。但这不起作用。

我正在尝试做的是基于一组可以正常工作的标记运行 fitbounds 。但我也想根据用户位置(plunk 中的弹跳标记)将地图居中,并仍然将所有标记保留在地图视图中。如果我尝试在 fitBounds 之后设置中心,则某些标记位于地图视图之外。有没有一些巧妙的方法可以结合这两个功能? 这是说明问题的笨拙

谢谢!

0 投票
2 回答
2713 浏览

javascript - Google Maps JS API - 如何将 fitBounds 用于响应式地图?

我正在尝试在响应式网站的地图中显示某个区域。我希望它在加载时显示相同的区域,无论窗口大小如何,通过放大和缩小。经过一番研究,我了解到我需要使用 Google Maps JS API 的 fitBounds 函数,但无法使其正常工作。到目前为止,这是我的代码:

似乎地图只是在选项中显示了中心位置,而忽略了 fitBounds 调用。我错过了什么/做错了什么?

0 投票
1 回答
133 浏览

javascript - 全新的 javascript 并使用带有自定义 fitbounds (myFitBounds) 的 Google Maps API v3

一段时间以来,我一直在通过在线示例和反复试验自学 Javascript,但我遇到了一个我完全不理解的问题,这让我非常抓狂。请原谅语言/术语方面的任何和所有错误以及缺乏基本的编码知识。

我对在我的个人网站上运行的 Google Maps API 进行了有效调用,但我讨厌fitBounds() 将45px 的填充添加到地图框的边界的方式。我在同一个线程上阅读了一个潜在的解决方案,该解决方案使用自定义的东西重新计算 fitBounds(),称为 myFitBounds,这也详细说明了我认为是用户的站点。

所以我试图将他的代码插入到我的javascript调用中,但我完全没有用它。当我在调试器中运行脚本时,出现错误:

现在,我完全确定我没有正确调用它,不知何故。但是由于我没有接受过任何关于 javascript 的培训,而且我找不到一个如何在 GMaps API 环境中调用这个特定自定义函数的示例,所以我对我需要做什么感到非常困惑。

这是我的脚本标签之间的代码。myFitBounds() 调用位于代码中与运行示例中的 fitBounds() 调用相同的位置。

如果这对你们所有人来说都是一团糟,我真的很抱歉,但我非常感谢在我了解更多相关信息时提供的帮助和时间。

0 投票
1 回答
1298 浏览

javascript - 传单 AJAX 地图 FitBounds

我正在寻找一种适合传单地图边界的解决方案,以显示加载的 geoJSON 文件的内容。

为了加载文件,我使用 Leaflet-ajax。我已经尝试过了,但我不知道如何获得图层的边界。任何建议如何调整显示的地图扇区以显示 geoJSON 文件?谢谢。

0 投票
1 回答
3983 浏览

leaflet - 缩放以适合 leaflet.js 标记

我正在将我的网站从谷歌地图转换为传单/openstreetmap。在该网站上,搜索结果显示为地图上的标记。结果可以有一个标记,或 10 个,或 200 个。这一切都很好。但是当结果有多个标记时,我很难让它缩放/适合所有标记。相反,它只是放大了一个(可能是因为我将 map.setView 放大到 18!)。

就我而言,是否有使用 map.setView 的替代方法?我不想在所有情况下都将缩放设置为 18。但希望缩放只适合内容。我知道关于 SO 有一些类似的问题,但它们没有帮助,因为我不知道如何用不会对缩放进行硬编码的东西替换 map.setView。这是我的整个功能:

使用谷歌地图,我使用这个:

谢谢!

0 投票
1 回答
1003 浏览

javascript - Google Maps v3 fitBounds 缩放不一致

有一个非常奇怪的问题。

答:我的地图的一种方法效果很好。用户设置起点和终点并创建地图,fitBounds.extend(bounds) 适当地设置缩放级别以包含地图上的起点/终点标记。

B:第二种方法是,如果用户设置了起点但没有设置终点,但基于其他用户兴趣,我会为他们获取检索和终点,并使用与方法 A 相同的功能将其绘制在地图上。但是,在fitBounds.extend(bounds) 它将缩放级别设置为 4(国家级别)。然后我必须强制设置缩放。

用户在任何时候执行方法A(在方法B之前或之后)都没有关系......当它的方法A时,缩放级别是正确的。当它的方法 B 总是缩放级别 4 时。

...但都使用相同的功能。

这两种方法都准确地将标记放在地图上,并准确地绘制标记之间的路线。仅在方法 A 上,自动缩放是正确的,在方法 B 上,缩放始终设置为 4。

如果用户做A,它是对的......然后B发生,它缩小...... B再次它保持缩小......再次A它又回到正确的缩放。

把我逼疯了!

我的地图对象是“setMap”,它是一个全局变量

// 这是方法 A - 它总是正确设置缩放

// 这是方法 B,它总是将缩小到 4。它被拉出另一个测试用户是否手动设置和结束点的函数...如果是,则在用户设置的开始/结束之间添加航路点点。如果不是,则将地图设置为用户起点到单个兴趣点

这是从方法 B 中的 else 传递到 setMapBounds 的对象。起点由用户设置……但没有设置终点,我正在为他们挑选一个。第一个对象是开始,第二个对象是结束。

这是从方法 A 传递到 setMapBounds 的对象,其中用户设置了相同的起点和终点。您可以看到方法 A 和 B 的起点相同。

0 投票
0 回答
521 浏览

angularjs - Google 地图 fitBounds() 无法按预期工作

我尝试在一个位置(在我的例子中是巴黎)上放大几公里,如下所示:

代码笔

这给 在此处输入图像描述

如您所见,fitBounds并不真正适合圆圈边界。

当你增加(上下)半径时,你可以看到地图缩放没有改变,但是圆的半径改变了。

有没有办法使视图缩放与圆半径同步并使圆接触地图边缘?