Mapbox Map Display Test

Taipei City Center Map

#

This is a minimal interactive map created with Mapbox GL JS.

Testing Different Styles

#

Default Dark Style

#

Your Custom Style

#

Usage Instructions

#

This map supports the following interactive features:

• 🖱️ Drag to pan the map
• 🔍 Zoom with the top-right buttons
• 📱 Touch support
• 🖥️ Fullscreen mode

Custom Parameters

#

You can customize the map with the following parameters:

{{< mapbox 
  lat="25.0330" 
  lng="121.5654" 
  zoom="13" 
  height="500px"
  style="mapbox://styles/mapbox/streets-v12"
  token="YOUR_MAPBOX_TOKEN" 
>}}

Available Map Styles

#

• mapbox://styles/mapbox/streets-v12 - Streets (default)
• mapbox://styles/mapbox/outdoors-v12 - Outdoors
• mapbox://styles/mapbox/light-v11 - Light
• mapbox://styles/mapbox/dark-v11 - Dark
• mapbox://styles/mapbox/satellite-v9 - Satellite
• mapbox://styles/mapbox/satellite-streets-v12 - Satellite Streets

Getting a Mapbox Token

#

1. Go to Mapbox
2. Sign up for a free account
3. Get your Access Token from the Dashboard
4. Replace the token parameter in the shortcode with your token