使 Google 地图内容相对于右侧而不是左侧

【问题标题】：Make Google Maps content relative to the right instead of the left使 Google 地图内容相对于右侧而不是左侧
【发布时间】：2013-02-20 12:10:45
【问题描述】：

我在网站上使用谷歌地图，当我增加地图 div 的大小时，内容不会相对于顶部和左侧移动（这在大多数情况下是完全合理的）并且新内容会显示在右边和底部。我想水平翻转这种行为，这样当我调整它的大小时，内容不会相对于顶部和右侧移动，而是在左侧显示新内容。这可能吗？

地图 div 的大小将随着动画以及窗口大小的调整而调整，因此它必须是一个平滑的解决方案。

【问题讨论】：

标签： javascript html google-maps google-maps-api-3

【解决方案1】：

您可以随时尝试在调整大小时使用setCenter() 重新居中地图。不过，您可能希望消除居中的功能。

编辑

这是 API 文档中的一个实际示例。 EventListeners

【讨论】：

这是我将采取的方法，但要正确地做到这一点，在计算新中心应该是什么时会涉及一些数学。
其实你没有。我已经链接到 api 中的示例。
该示例将保持相同的中心点，但 OP 要求在视口左侧填充新内容。在这种情况下，您必须计算视口的大小差异以及新中心点应处于当前缩放级别的 LatLng 偏移量。可行，但也不是微不足道的。这也不会是一个平稳的过渡。
是的，但我认为他实际上是希望保持地图在视野范围内，并且不知道您可以重置中心点。 “内容不会相对于顶部和左侧移动（在大多数情况下这是完全合理的）”虽然我可能是错的。为了让它更流畅，只需减少setTimeout()中的延迟。

猜你喜欢

2012-02-04
2022-01-22
1970-01-01
1970-01-01
2021-05-12
1970-01-01
1970-01-01
1970-01-01
2019-11-16

相关资源

下载 2023-01-27
下载 2023-03-02
下载 2022-12-15
下载 2021-06-05

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode