Here Maps - 保持调整大小的中心位置

Question

我们在 flexbox 中有一个 Here Map。当在地图下方添加一个按钮时，地图会调整大小（如预期）以变小，但结果地图中心（地图上的中心坐标）会发生变化。有没有内置的方法来确保地图中心坐标在调整大小时不会改变？

即。在它们位于 22.2（纬度）、74.7（长）之前，但在移动之后为 22.3、74.7。（注意：为简单起见，仅示例数字。实际上经纬度更接近 22.22327181024894 74.7043131363445。）

我计划添加一些逻辑来检测大小是否发生变化以在添加按钮之前保存现有坐标，然后将地图中心重置为以前的坐标，但如果可能的话我宁愿使用内置的东西防止重新加载。

此外，如果我们自己做解决方案，不确定在何处重新应用中心。

我们正在使用：

<script src="https://js.api.here.com/v3/3.0/mapsjs-core.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.0/mapsjs-service.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.0/mapsjs-ui.js" type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js" type="text/javascript" charset="utf-8"></script>

如有任何建议，我们将不胜感激！谢谢！

Answer 1

添加按钮并调整容器大小后，确保调用以下指令：

map.getViewPort().resize();

但是请确保在容器有效调整大小后触发调整大小调用

Here Maps - 保持调整大小的中心位置

Here Maps - Keeping center location on resize

here-api

Here Maps - *保持*调整大小的中心位置

Here Maps - *Keeping* center location on resize

here-api

Here Maps - 保持调整大小的中心位置

Here Maps - Keeping center location on resize