Маршрут URL-адреса в Google Maps меняется при нажатии на значок или при перелистывании карты

Question

Кто-нибудь знает, как изменяется маршрут URL на картах Google при нажатии на значок или при смене карты?

Например, когда вы открываете 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

вы нажимаете на национальную улурупарк, URL изменится на: 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

Кто-нибудь знает, как это работает?

Спасибо

Answer 1

Javascript позволяет вам изменять URL-адрес без перезагрузки страницы (я полагаю, это то, что вам было интересно). Это будет сделано в чистом виде JS:

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

Однако фреймворки пользовательского интерфейса, такие как AngularJS и ReactJS (вместе с реагирующим маршрутизатором), позволят вам легко создавать ссылки, которые могут сделать это.

Если вам интересно, как генерируется сам URL, Google Maps использует холст для визуализации карты, чтобы он мог выяснить, какая точка на карте показана в середине холста.