HTML超大图片加载显示解决方案--图片切割转换成瓦片地图(BaiduMapTileCutter)
前言项目中遇到加载网页加载显示大图片的需求(>100MB),参考百度地图等地图加载思路,将超大图片切割成瓦片地图,分级别展示,这样动态加载大图片时,只异步加载图片的部分区域,实现超大图片的高效加载显示。1.瓦片切分工具-BaiduMapTileCutter在github上发现一款开源瓦片切割工具,BaiduMapTileCutter,能够将图片切分成3-20级的瓦片,同时会生成一个index.html文件,用浏览器打开就能看到切分成瓦片地图的图片的展示效果,不过index.html需要联网
原创
2020-06-10 21:06:58 ·
3641 阅读 ·
0 评论