移动端使用leaflet,如何适配手机的分辨率

    当我们使用tilelayer时,会发现在PC端很清晰的地图,在移动端就不清晰了。原因是图片在高分辨率的手机会变模糊。这里leaflet是实现了一个属性 detectRetina,如果设置 detectRetina为true。
那么,地图将会把原来一个瓦片填充的地方,变成需要四个瓦片填充,并且修改了缩放级别的设置
(本质是修改了瓦片的大小tileSize.从而改变了img标签的大小和需要加载的瓦片id),因此提高了清晰度。
但是同时,如果瓦片含有标注,那么标注也会变小。当然,可以把标注分开加载,同时不设置 detectRetina属性

猜你喜欢

转载自blog.csdn.net/amesteur/article/details/80272128
今日推荐