gpt4 book ai didi

javascript - 同时使用 panTo 和 panBy

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:51:37 28 4
gpt4 key购买 nike

我想创建一张带有一些图钉的 map (使用传单)。当用户点击其中之一时, map 应该移动,直到图钉位于 map 底部的水平中心。

我的 map 是 400 像素高,所以我使用以下代码:

map.panTo(new L.LatLng(lat, lng));
map.panBy(new L.Point(0, -200));

它的工作就像一个魅力 - 只有 IE 有一些问题:它开始向 map 的中心移动 (panTo),但一旦它开始向底部移动以及 (panBy) 它停止执行向中心的移动。

如何将这两个 Action 结合起来?我等不及 panTo 将 map 居中,因为如果图钉位于 map 的下半部分,这会导致 map 上下跳动。

最佳答案

从传单文档中,您可以使用以下方法以像素形式获取纬度/经度点:

latLngToPoint( <LatLng> latlng, <Number> zoom )

修改它,然后将其转换回纬度/经度:

pointToLatLng( <Point> point, <Number> zoom )

来源:http://leaflet.cloudmade.com/reference.html#icrs

关于javascript - 同时使用 panTo 和 panBy,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12463759/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com