此处地图-调整大小时*保持*中心位置

Question

我们在Flexbox中有一个Here Map。当在地图下方添加按钮时，地图将调整大小（如预期的那样），变得更小，但结果是地图中心（地图上的中心坐标）移动了。是否有内置的方法来确保地图中心坐标在调整大小时不会改变？

即。在他们到达22.2（纬度）和74.7（多头）之前，但是在移动之后，它们位于22.3（74.7）。 （注意：为简单起见，仅示例数字。实际上lat / lng沿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(); 

不过，请确保在容器有效地调整大小之后 触发了调整大小调用