Learning Timeline
Key Insights
Keperluan Token API Manual
AI boleh menulis code untuk integrasi Mapbox, tetapi ia TIDAK boleh menjana API Token yang sah untuk anda. Anda mesti mendaftar akaun Mapbox dan memasukkan token anda sendiri secara manual ke dalam code.
Limitasi Ketepatan Data (Legend)
Walaupun visualisasi bangunan 3D berjaya dijana, 'legend' warna (seperti taman vs bangunan) mungkin tidak berfungsi dengan tepat secara automatik kerana AI hanya menggunakan placeholder logic untuk kategori tersebut.
Prompts
Prompt Visualisasi Geospatial 3D
Target:
Kimi K2 / LLM
Create a 3D visualization of Tokyo's top neighborhoods. Sidebar lists all these different neighborhoods, etc. highlight building extrusions and add a day and night toggle.
Step by Step
Menjana & Melancarkan Peta 3D Tokyo
- Masukkan prompt yang disediakan ke dalam chat interface AI (Kimi K2).
- Pastikan ciri 'web search' dimatikan (disabled) sebelum menghantar prompt untuk memaksa AI menggunakan internal knowledge.
- Tunggu sehingga proses 'Thinking' selesai dan code dijana sepenuhnya.
- Klik butang **Copy** pada blok code untuk menyalin keseluruhan script.
- Buka text editor (seperti VS Code atau Notepad) dan cipta fail baru.
- Paste code yang disalin tadi dan simpan fail sebagai `.html` (contoh: `tokyo_map.html`).
- Buka fail HTML tersebut menggunakan web browser.
- Jika skrin peta kosong, klik kanan pada page dan pilih **Inspect**, kemudian pergi ke tab **Console**.
- Semak jika terdapat error berkaitan 'missing Mapbox token'.
- Cari baris dalam code HTML yang mengandungi `mapboxgl.accessToken`.
- Gantikan placeholder token dengan **API Token Mapbox** anda yang sah (diperlukan akaun Mapbox).
- **Save** fail HTML tersebut dan muat semula (refresh) page di browser.
- Uji peta dengan menekan butang toggle 'Night Mode' di bahagian bawah untuk melihat visual malam.
- Gunakan 'Right-click' dan drag mouse untuk memutar (rotate) pandangan 3D bangunan.
