โครงสร้างพื้นฐานแผนที่สำหรับประเทศไทย

สร้างประสบการณ์ด้านสถานที่ที่ผู้ใช้เข้าใจง่าย

เพิ่มแผนที่ ค้นหาที่อยู่ วางแผนเส้นทาง หรือสร้างภาพแผนที่ด้วย API ที่เน้นประเทศไทยและคู่มือที่นำไปใช้ได้จริง

สร้างแผนที่แรก →เรียก API ครั้งแรก

เริ่มจากผลลัพธ์ที่ต้องการ

ไม่ต้องเรียนรู้ทั้งแพลตฟอร์ม เลือกเส้นทางหนึ่งแล้วทำให้ใช้งานได้ก่อน

00

Mapเพิ่มแผนที่ในแอป

Web, React, React Native, iOS หรือ Android ด้วย styles และ tiles ที่ใช้กับ MapLibre ได้

เริ่มใน 5 นาที →APIเรียก Location API

ค้นหาที่อยู่ แปลงสถานที่เป็นพิกัด คำนวณเส้นทาง หรือสร้างภาพแผนที่

เริ่มใน 3 นาที →

สี่ผลิตภัณฑ์ หนึ่ง location stack

เริ่มจากประสบการณ์ผู้ใช้ที่กำลังสร้าง แล้วเปิด reference เมื่อต้องการรายละเอียด endpoint

01—04

InteractiveMaps

สร้างแผนที่ประเทศไทยแบบ interactive ด้วย styles, vector tiles, fonts และ sprites ที่ใช้กับ MapLibre ได้

Styles · Tiles · Assets02

FindSearch & Geocoding

ค้นหาสถานที่ขณะพิมพ์ แปลงที่อยู่เป็นพิกัด และแปลงพิกัดกลับเป็นที่อยู่ไทย

Autocomplete · Geocode · Reverse03

คำนวณเส้นทาง ตารางเวลาเดินทาง และพื้นที่ที่เข้าถึงได้สำหรับประเทศไทย

Routes · Matrix · Isochrone04

ShareStatic Maps

สร้างภาพแผนที่สำหรับ email, card, PDF, social preview และ server-rendered page

PNG · Markers · Paths

เลือกแพลตฟอร์ม

แต่ละคู่มือเริ่มจาก integration ที่เล็กที่สุดและอธิบายว่า API key ควรอยู่ที่ไหน

Stack

REST APIcurl · Node · Python · Go Web JavaScriptMapLibre GL JS React & Next.jsClient component integration React NativeMapLibre React Native iOSMapLibre Native AndroidMapLibre Native

สร้าง workflow ที่พบบ่อย

คู่มือเชื่อมหลาย endpoint ให้เป็นผลลัพธ์สำหรับผู้ใช้

Recipes

01ค้นหาที่อยู่

สร้าง address picker ที่ตอบสนองไวด้วย autocomplete, place detail และ map preview

→02ค้นหาสาขา

ช่วยผู้ใช้หาสาขาใกล้ที่สุดด้วย search, geocoding และผลลัพธ์ตามระยะทาง

→03เส้นทางจัดส่ง

เปลี่ยนจุดส่งเป็นเส้นทาง พร้อมระยะทาง เวลา และพื้นที่ครอบคลุม

→04แผนที่ตามแบรนด์

ปรับสีและ overlay โดยยังอ่าน label ได้และมี attribution

→05แผนที่ใน email และ PDF

ใช้ Static Maps ในที่ที่ JavaScript และ interactive canvas ทำงานไม่ได้

Trial

พร้อมลองหรือยัง?

สร้าง trial key แบบจำกัดสิทธิ์ แล้วใช้กับคู่มือแผนที่แรก โดยไม่ต้องตั้งค่า dashboard ก่อน

ทำความเข้าใจ API key →

แก้ไข input ส่ง request จริง และตรวจสอบ response จริง

Request body

curl \
  -X POST \
  -H "Content-Type: application/json" \
  -d '{"email":"[email protected]","companyName":"Your Company","allowedOrigin":"https://example.com"}' \
  "https://api.mapscale.io/v1/trial-key"

Response เริ่มต้น

{
  "accountId": "acct_trial_123",
  "key": "pk_test_••••••••",
  "keyPrefix": "pk_test_ab12cd34",
  "enabledProducts": [
    "tiles",
    "autocomplete",
    "static"
  ],
  "limits": {
    "rateLimitTier": "trial",
    "note": "Evaluation limits apply."
  },
  "examples": {
    "styleUrl": "https://api.mapscale.io/styles/v1/streets?key=pk_test_••••••••",
    "autocompleteUrl": "https://api.mapscale.io/v1/autocomplete?q=Siam&session_token=demo&key=pk_test_••••••••"
  }
}

ต้องการ API contract?

ดูรายละเอียดแบบหนึ่งหน้าต่อ operation หรือดาวน์โหลด OpenAPI JSON สำหรับ code generation และเครื่องมือ

API Reference →OpenAPI JSON ↗

บัญชี

Next Page

On this page

เริ่มจากผลลัพธ์ที่ต้องการ สี่ผลิตภัณฑ์ หนึ่ง location stack เลือกแพลตฟอร์ม สร้าง workflow ที่พบบ่อย