Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.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_Html_Google Maps - Fatal编程技术网

Javascript 谷歌地图如何在每次缩放中显示地图的细节?

Javascript 谷歌地图如何在每次缩放中显示地图的细节?,javascript,html,google-maps,Javascript,Html,Google Maps,我想用HTML创建一个复杂的电子电路。我想在每次缩放中显示电路的每个细节(在不同的缩放中显示电路的不同细节。比如谷歌地图) 我想知道谷歌地图是如何工作的,以及如何以高性能(浏览器不会变慢)在每次缩放中添加细节 对于卫星视图或自定义覆盖图,谷歌地图根据缩放级别具有不同的覆盖图。如果您在zoom 10中,它将渲染详细的覆盖图像;如果您在zoom 5中,它将渲染未详细的图像。所有图像都存储在服务器中 对于道路和点来说,这是不同的。道路使用路径进行描述,就像矢量对象(SVG…)一样,因此在每个缩放级别使

我想用HTML创建一个复杂的电子电路。我想在每次缩放中显示电路的每个细节(在不同的缩放中显示电路的不同细节。比如谷歌地图)


我想知道谷歌地图是如何工作的,以及如何以高性能(浏览器不会变慢)在每次缩放中添加细节

对于卫星视图或自定义覆盖图,谷歌地图根据缩放级别具有不同的覆盖图。如果您在zoom 10中,它将渲染详细的覆盖图像;如果您在zoom 5中,它将渲染未详细的图像。所有图像都存储在服务器中

对于道路和点来说,这是不同的。道路使用路径进行描述,就像矢量对象(SVG…)一样,因此在每个缩放级别使用lat和lng绘制相同的道路

您应该看看自定义覆盖。有一些很好的例子表明,人们使用它们不是为了地图,而是为了不同的东西

您可以查看图像部分的以下内容: