google地图如何在每个缩放中显示地图的详细信息?

时间:2017-07-22 06:58:10

标签: javascript html html5 google-maps

我想在HTML中创建一个复杂的电子电路。我希望在每个变焦中显示电路的每个细节(在不同的缩放电路的不同细节。像谷歌地图)

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

1 个答案:

答案 0 :(得分:0)

对于卫星视图或自定义叠加层,Google地图具有不同的叠加层,具体取决于缩放级别。如果您处于缩放10,则它会渲染细微的叠加图像,如果您处于缩放5,则会渲染未开启的图像。所有图像都存储在服务器中。

对于道路和点,它有所不同。使用路径描述道路,如矢量对象(SVG ...),因此在每个缩放级别使用lat和lng绘制相同的道路。

您应该看看自定义叠加层。人们使用它们的好例子不是用于地图,而是用于不同的事情。

您可以查看图像部分:https://webdesign.tutsplus.com/tutorials/the-google-maps-api-and-custom-overlays--webdesign-13868