javascript - 当点击图标或滑动地图时，谷歌地图中的 URL 路径会发生变化

Question

有谁知道当点击图标或交换地图时谷歌地图中的 URL 路线如何变化？

例如，当您打开https://www.google.com/maps/@-6.3866918,106.8292099,16.65z

然后向左滑动，URL 将变为https://www.google.com/maps/@-6.3866236,106.8274545,16.65z

经纬度变了。

当您单击图标时，例如在此链接中： https ://www.google.com/maps/@-25.3451011,131.033689,15.88z

你点击乌鲁鲁国家公园，网址会变成： https ://www.google.com/maps/place/Uluru-Kata+Tjuta+National+Park/@-25.3451011,131.033689,15.88z/data=!4m5 !3m4!1s0x2b236c2c7ed3b881:0xdb2a86cd5fe91ae4!8m2!3d-25.3437788!4d131.0346517

有谁知道它是如何工作的？

谢谢

标签： javascriptnode.jsreactjsgoogle-mapsgoogle-maps-api-3

Answer 1

Javascript 允许您更改 URL 而无需重新加载页面（我假设这是您想知道的）。在纯 JS 中会以这种方式完成：

window.history.pushState("object or string", "new title", "/new-relative-url");

然而，像 AngularJS 和 ReactJS（以及 react-router）这样的 UI 框架将允许您轻松创建可以执行此操作的链接。

如果您想知道 url 本身是如何生成的，谷歌地图使用画布来呈现地图，因此它可以找出地图上显示在画布中间的点是什么。