iT邦幫忙

1

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

http://amiranda.me/SeattleArtMap/

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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
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

0

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

我要發表回答

立即登入回答