我有一个SVG,我正在覆盖在谷歌地图上。SVG的大小为50mb,因此在浏览器中加载大约需要10秒。
我可以将SVG拆分为171个单独的SVG文件,这些文件组成了这个大的SVG。我改进加载时间的最佳策略是什么?我试图在较低的缩放级别下保持高分辨率。
我尝试过的东西-将图像转换为PNG和JPG-分辨率不够-优化SVG文件-仍然无法将其减少到足以影响加载时间
我想尝试的事情-按照页面加载的特定顺序对SVG进行分层,首先是草地,然后是汽车,然后是建筑物(尽管有这么多,但我真的不想这样做(-有一个名为PolyMaps的库,不确定这是否有帮助-使用SVG的GZIP格式,但我不确定实现这一点的最佳方法是什么,或者我将如何实现
基本上,我只是从一些总体方向来看,开发人员在将大量SVG加载到谷歌地图api/画布上方面更有经验
这是一个交互式地图,有一些信息窗口是自定义的,并且已经创建(不是svg(,到目前为止,只使用标准标记图标(svg(。除了信息窗口和标记之外,它实际上就像在地图上覆盖大量svg数据一样简单,如有任何帮助,我们将不胜感激。
感谢
我最终在文件中对较小的svg进行了分层,并完全删除了我不绝对需要的任何较大的svg。