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

    当我们使用tilelayer时,会发现在PC端很清晰的地图,在移动端就不清晰了。原因是图片在高分辨率的手机会变模糊。这里leaflet是实现了一个属性detectRetina,如果设置detectRetina为true。

那么,地图将会把原来一个瓦片填充的地方,变成需要四个瓦片填充,并且修改了缩放级别的设置

(本质是修改了瓦片的大小tileSize.从而改变了img标签的大小和需要加载的瓦片id),因此提高了清晰度。

但是同时,如果瓦片含有标注,那么标注也会变小。当然,可以把标注分开加载,同时不设置detectRetina属性

发布了41 篇原创文章 · 获赞 13 · 访问量 3万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章