移動端使用leaflet,如何適配手機的分辨率

    當我們使用tilelayer時,會發現在PC端很清晰的地圖,在移動端就不清晰了。原因是圖片在高分辨率的手機會變模糊。這裏leaflet是實現了一個屬性detectRetina,如果設置detectRetina爲true。

那麼,地圖將會把原來一個瓦片填充的地方,變成需要四個瓦片填充,並且修改了縮放級別的設置

(本質是修改了瓦片的大小tileSize.從而改變了img標籤的大小和需要加載的瓦片id),因此提高了清晰度。

但是同時,如果瓦片含有標註,那麼標註也會變小。當然,可以把標註分開加載,同時不設置detectRetina屬性

發佈了41 篇原創文章 · 獲贊 13 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章