react-google-maps fitBounds和panToBounds不缩放地图
react-google-maps是一个基于React的Google Maps JavaScript API封装库，用于在React应用中集成地图功能。其中，fitBounds和panToBounds是react-google-maps库中提供的两个方法，用于调整地图视图。
- fitBounds方法：fitBounds方法用于调整地图视图，使得地图能够包含指定的边界框（bounds）。边界框可以由地理坐标的最小和最大经纬度确定。调用fitBounds方法后，地图会自动缩放和平移，以适应指定的边界框。
应用场景：当需要确保地图能够完整显示一组地理标记（如标记点、多边形等）时，可以使用fitBounds方法。例如，在一个旅游网站中，展示某个城市的景点时，可以使用fitBounds方法将地图视图调整到包含所有景点的范围内。
推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/maps）
- panToBounds方法：panToBounds方法用于调整地图视图，使得地图能够完全显示指定的边界框（bounds）。与fitBounds方法不同的是，panToBounds方法会缩放地图，同时保持地图中心位置不变。
应用场景：当需要确保地图能够完全显示指定的边界框时，可以使用panToBounds方法。例如，在一个房地产网站中，展示某个区域内的所有房源时，可以使用panToBounds方法将地图视图调整到完全显示该区域的范围内。
推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/maps）
需要注意的是，以上推荐的腾讯云产品仅供参考，具体选择还需根据实际需求进行评估和决策。
相关·内容
streetViewControl: false, fullscreenControl: true panToBounds={{ latLngBounds: () => fitB() }} zoom={zoom}window.google.maps.Size(20, 20) />
浏览 23提问于2019-08-21得票数 2
回答已采纳
我想获得谷歌地图的当前缩放级别，它给了我未定义的错误，我认为因为我没有在我的地图创建选项中使用明确的缩放级别，而是我使用map.fitBounds，当我使用map.fitBounds时，我如何获得谷歌地图的缩放级别google.maps.MapTypeId.ROADMAP };
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions)
浏览 2提问于2012-12-06得票数 0
我想在地图上显示动态的多个标记。我所说的动态标记是由用户选择(用户想要显示的标记)决定的。我已经检查了这个文档，但是找不到任何与我需要的规范相关的例子。我在这里找到了一个算法来计算多个标记的中心坐标( )，但只用于中心坐标(不是最佳缩放级别)，它是用原始的googlemaps api @googlemaps/js加载器编写的。如何使用@react google/api库搜索中心坐标并缩放多个标记？
浏览 23提问于2022-12-03得票数 0
2回答
我正在建立一个自定义地图，并设置边界到它的边缘，但当缩放水平被改变，边界似乎不坚持这些边缘。我尝试过的解决方案，但它们似乎有相同的问题。您可以从@koen 看到同样的问题，只需将其平移到边缘，然后放大几次，地图就会开始在边缘被切断。);
} alert(map.getBounds());编辑：我最终做的是调整地图的大小，并在原始地图周围添加更多的背
浏览 0提问于2014-02-18得票数 3
回答已采纳
1回答
在使用fitBounds地图方法的地图上，我遇到了一个问题，该方法应该给地图适当的缩放和居中，给它一个latlon数组。>
map.panToBounds(bounds);
浏览 0提问于2012-09-10得票数 18
回答已采纳
2回答
在我的web应用中，我有一个谷歌地图，用来在上面显示一些位置。这些位置中的每一个都存储在db中并在地图上显示。我需要设置地图缩放级别，以便所有标记都包含在地图显示的区域中。谢谢你的帮助。
浏览 2提问于2012-08-10得票数 0
回答已采纳
我必须一次只显示一个位置在谷歌地图上的一个标记。我尝试使用下面的代码使用自动缩放和自动居中：bounds.extend(latlng);
map.panToBounds(bounds); // auto centervar bounds = new google.maps.L
浏览 7提问于2013-11-21得票数 1
用户输入他们的邮政编码，一个表格返回带有地图上相应标记的结果。它们可以对结果进行分页，标记会越来越远地向外移动，fitbounds()函数非常适合缩小到适合标记的缩放级别。问题是，如果你翻回较近的位置，fitbounds()不会放大。即使你输入一个新的搜索，它也不会放大那些新的标记--它以这些标记为中心，而是保持在以前的缩放级别。我希望这是有意义的。以下是我在标记推送函数末尾调用的google函数： map.panToB
浏览 2提问于2010-07-15得票数 10
2回答
我在谷歌地图中有以下内容，它允许我查询用户搜索到的给定名称的融合表。如何将Google Maps设置为基于返回的搜索结果平移/缩放？
浏览 1提问于2011-08-16得票数 0
回答已采纳
4回答
> map.fitBounds(bounds);我删除了它，但地图的中心是移动到其他位置，我认为是(0,0)。谢谢。
浏览 4提问于2012-03-01得票数 2
回答已采纳
LatLngBounds是正确构建的，但是当我调用fitBounds时，结果如下：
map.panToBounds(box);
google.maps.event.trigger(map, 'resize');关于为什么会发生这种情况，以及如何防止这种情况发生，有什么线索(除了在第一次显示时初始化
浏览 11提问于2012-06-19得票数 9
回答已采纳
我在我的谷歌地图上有一个标记列表，我想通过标记设置地图的界限。结果是，它只在其中一个标记上缩放。bounds.extend(loc);
map.panToBounds(bounds); //auto-center
浏览 3提问于2018-06-28得票数 0
2回答
基于路径的中心地图
、、、
我想根据路由的中点对Google进行居中，但是我不能使用fitbounds，因为它不允许我使用自定义缩放(它会缩放到路由的边界)。 drawElevation(result); if (fitBounds) {
浏览 4提问于2013-09-12得票数 0
回答已采纳
我的代码在Google和IE中工作，但在Firefox 12中不工作。有人知道我如何使它在Firefox 12中工作？(bounds); } else { map.fitBounds(bounds); }Update -注意下面的示例使用的是setTime
浏览 2提问于2012-05-30得票数 2
我创建了一个地图，用户输入一个邮政编码和一个半径(英里)，我希望地图以从邮政编码创建的点为中心，并且只显示(大致上)该半径内的区域。我正在创建一个半径的圆圈，并试图使地图适合这个圆圈。google.maps.Circle(); circ.setCenter(latlng); map.fitBounds理想情况下，地图将放大到半径范围内的区域。
浏览 3提问于2011-03-02得票数 24
回答已采纳
2回答
我正在用Google地图和Angularjs开发一个应用程序。我有这段代码来控制缩放是否被更改。google.maps.event.addListener(map, 'zoom_changed', function(){
问题是，只有当用户更改缩放时，我才需要执行此事件。我的代码中有一个fitBounds()，它也可以改变缩放。google.maps.LatLngBounds();
for (var i = 0; i < latlng.leng
浏览 3提问于2016-07-18得票数 0
回答已采纳
1回答
latLngBounds.extend( new google.maps.LatLng(panorama.getPosition().lat(), panorama.getPosition().lng())); map.fitBounds(latLngBounds); google.maps.event.addListener(panorama, "closeclick{ height:100%;
.min
浏览 1提问于2012-11-15得票数 1
回答已采纳
我们正在考虑将其作为谷歌地图的替代品。我在地图上加了一堆标记。我试图让地图平移和缩放，以适应所有的标记，但我一直无法找到任何代码来做到这一点。在谷歌地图上，我会这样做： myMap.options.center = new google.maps.LatLng(0,0);
google.maps.event.addListenerOnce(myMap.map,
浏览 26提问于2020-07-01得票数 0
回答已采纳
我正在建立一个地图与房地产在页面点，并在页眉过滤器。
我需要的是居中和缩放react-google-maps地图，当选择从外部谷歌地点过滤器谷歌地点。目前我可以将地图放在位置选择的中心，但不能放大(这是因为我需要在每次放大/缩小时重新获取数据，因此需要控制缩放，请参见下面的代码)。我尝试使用中的fitBounds，但我代码中的ref始终是undefined。但是我是recompose包的新手，但是它在react-google-maps包示例中
浏览 10提问于2018-08-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
