Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图中的平滑页面转换_Javascript_Jquery_Html_Css_Google Maps - Fatal编程技术网

Javascript 谷歌地图中的平滑页面转换

Javascript 谷歌地图中的平滑页面转换,javascript,jquery,html,css,google-maps,Javascript,Jquery,Html,Css,Google Maps,我一直在看各种网站,我不知道他们如何能改变一个页面的URL,在加载和创建一个页面应用程序的效果之前,屏幕不会变白 我发现的最好的例子就是谷歌地图 即使只是移动地图,URL也会发生变化。例如: 当您从Stack Overflow打开这些文件,或将链接复制到地址栏并按enter键时,加载大约需要一秒钟。但是如果你只是在页面中移动地图,就不会有明显的加载——就像URL从未改变一样 有人能具体解释一下他们是如何做到这一点的吗?另外,我也希望他们能提供一些帮助,帮助我实现单页应用程序风格的转换,特别是

我一直在看各种网站,我不知道他们如何能改变一个页面的URL,在加载和创建一个页面应用程序的效果之前,屏幕不会变白

我发现的最好的例子就是谷歌地图

即使只是移动地图,URL也会发生变化。例如:

当您从Stack Overflow打开这些文件,或将链接复制到地址栏并按enter键时,加载大约需要一秒钟。但是如果你只是在页面中移动地图,就不会有明显的加载——就像URL从未改变一样

有人能具体解释一下他们是如何做到这一点的吗?另外,我也希望他们能提供一些帮助,帮助我实现单页应用程序风格的转换,特别是使用canvas


我在这个网站上看到了相关的问题,但没有一个能为我澄清这个问题。

他们将使用javascript
window.history.pushState()
方法在不离开页面的情况下更改地址栏中的值,请参阅此

这是通过AJAX完成的。这是一个很好的问题。我已经在这里看到过AJAX,但我不知道它如何改变页面的实际URL,而不仅仅是从服务器获取数据。谢谢。这是一个重要的实现,实际上是微软发明了这项技术。为了了解这一点,您需要稍微熟悉服务器端的东西,并且很好地掌握JS或者至少需要jQuery。它也有它的负面内容,现在已经发布/更新。感谢@damianocelent的评论-只是想知道有哪些负面内容,以及更新了哪些内容:)。非常感谢,@kevmc:)。