google 地圖用的圖是如何制作出來?

google map

mm7mm7mm7 2018-07-13 13:04:13 ‧ 1484 瀏覽

上下滾動時,他是下載不同level 的圖片 , 他是如何切出來 , 是不是有程序可以做到?

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

mcl

iT邦新手 5 級 ‧ 2018-07-13 17:02:01

最佳解答

看起來他是用了這個套件來做出效果
https://leafletjs.com/

mm7mm7mm7 iT邦新手 5 級 ‧ 2018-07-13 17:16:44 檢舉

我還是不了解他的圖是如何處理 , 不過謝你啦

mcl iT邦新手 5 級 ‧ 2018-07-13 17:54:43 檢舉

你可以在map.js看到他用了TileLayer這個api
而這個文件有說明這支api是如何去加載顯示地圖的切片圖層
https://leafletjs.com/reference-1.3.0.html#tilelayer

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-07-13 14:07:30

簡單的作法是在mouse scroll event處理，
至於圖片顯示的效果可以用 https://daneden.github.io/animate.css/ 去變化。
不過也許它用了別的方式，這邊只是指出可以簡單做的方式。

立即登入回答