Mapbox
פלטפורמת מפות עם דגש חזק על עיצוב והתאמה אישית — האלטרנטיבה המעוצבת ל-Google Maps.
על ה-API
Mapbox מפורסם במיוחד ב-Mapbox Studio — כלי שמאפשר לעצב מפה מותאמת במאות פרטים: צבעי כבישים, טקסטורות, חוקי זום. זה הופך את Mapbox לבחירה המועדפת של מוצרים שמשקיעים בעיצוב (Strava, Foursquare, Stripe). ה-API שלהם מציע גאוקודינג, ניווט, איזוכרונים (isochrones) ו-tiles דמויי-וקטור שאפשר לסגנן בעצמך.
למי זה מתאים
מוצרים שמשקיעים בעיצוב
אפליקציות ספורט וחוץ
דשבורדים גיאוגרפיים
visualizations
איך להשתמש
- 1הירשם ב-mapbox.com וקבל access token.
- 2לטעינת מפה: צור style ב-Mapbox Studio או השתמש במוכנים.
- 3ב-web: Mapbox GL JS (חינמי עד 50,000 load/חודש).
- 4ב-backend: REST API רגיל עם ה-token ב-query param.
התקנה והגדרה
`npm install mapbox-gl` ואז בקוד: `mapboxgl.accessToken = process.env.NEXT_PUBLIC_MAPBOX_TOKEN`. שים לב: ה-token הזה נחשף לקליינט — תן לו scope של public scopes בלבד.
דוגמאות קוד
curl "https://api.mapbox.com/geocoding/v5/mapbox.places/Dizengoff.json?access_token=YOUR_TOKEN"מבנה תגובה לדוגמה
{
"features": [
{
"place_name": "Dizengoff Street, Tel Aviv",
"center": [
34.775,
32.08
],
"geometry": {
"type": "Point",
"coordinates": [
34.775,
32.08
]
}
}
]
}שאלות נפוצות
Mapbox זול יותר, מעוצב יותר, עם פחות דיוק ב-Places.
טיפים ומה להיזהר ממנו
תעצב סטייל מותאם ב-Studio — זה ההבדל בין אפליקציה גנרית למעוצבת.
ב-Next.js השתמש ב-'react-map-gl' — עוטף יפה את Mapbox GL.