hyxfish27 / AttackOnGame

聚人 AttackOnGame
https://attack-on-game.vercel.app
1 stars 2 forks source link

feat-新增leaflet圖層&修正檔案名稱首字母大小寫不統一的問題 #145

Closed ML-Kami closed 3 months ago

ML-Kami commented 3 months ago

我給地圖加上了淡淡的陰影,但是圖層zoom in 放大時陰影也會變大

image image

可看看效果,不妥可刪 這是地圖Marker的程式碼

const icon = new L.Icon({
                iconUrl: MapIcon,
                iconSize: [80, 80],
            });

這是陰影的程式碼

L.circle([props.locationData.lat, props.locationData.lng], {
                radius: 85,
                color: '#d8c2ce',
                fillColor: '#d8c2ce',
                fillOpacity: 0.2,
                stroke: false,
            }).addTo(map);

這是地圖可以放大到多大(最大到24)

image
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                maxZoom: 18,
                minZoom: 16,
                attribution: 'AttackOnGame',//這個是右下角的標誌要寫什麼
            }).addTo(map);
vercel[bot] commented 3 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
attack-on-game ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 30, 2024 4:10pm
ML-Kami commented 3 months ago

目前我是覺得這樣差不多了,也不用放大太大讓他清楚知道位置在哪,或是也不用做太多效果 就看個大概就好 但甜甜可以玩玩看,有什麼靈感都可以後續討論