Build an Interactive 3D Map of Tokyo with Kimi K2 Thinking and Mapbox

3D Geospatial Visualization Prompt

Generating & Launching the Tokyo 3D Map

1. Enter the provided prompt into the AI chat interface (Kimi K2).
2. Ensure the 'web search' feature is disabled before sending the prompt to force the AI to use its internal knowledge.
3. Wait for the 'Thinking' process to complete and the code to be fully generated.
4. Click the **Copy** button on the code block to copy the entire script.
5. Open a text editor (such as VS Code or Notepad) and create a new file.
6. Paste the copied code and save the file with a `.html` extension (e.g., `tokyo_map.html`).
7. Open the HTML file using a web browser.
8. If the map screen is blank, right-click on the page, select **Inspect**, and go to the **Console** tab.
9. Check for any errors related to a 'missing Mapbox token'.
10. Find the line in the HTML code containing `mapboxgl.accessToken`.
11. Replace the placeholder token with your valid **Mapbox API Token** (requires a Mapbox account).
12. **Save** the HTML file and refresh the page in your browser.
13. Test the map by clicking the 'Night Mode' toggle button at the bottom to view the night visualization.
14. Right-click and drag the mouse to rotate the 3D building view.