MAPSTYLE.md

การเลือกใช้ map style

ในการเลือกใช้ style ของ map ให้กำหนด option style ในตอนสร้าง map แล้วใส่ชื่อ style ที่ต้องการ

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: '<MAP_STYLE>', 
});

รายชื่อ Map Styles

• Almond
• Cha thai
• Charcoal
• Cloudy
• Hybrid
• Ivory
• Lightsteel
• Midnight
• Satellite
• Spearmint
• Terrain

ตัวอย่าง map style

Almond

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'almond',
});

Cha-Thai

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'cha-thai',
});

Charcoal

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'charcoal',
});

Cloudy

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'cloudy',
});

Hybrid

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'hybrid',
});

Ivory

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'ivory',
});

LightSteel

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'lightsteel',
});

Midnight

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'midnight',
});

Satellite

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'satellite',
});

Spearmint

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'spearmint',
});

Terrain

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: 'terrain',
});

การกำหนดการแสดงภาษาบนแผนที่

ในการกำหนดการแสดงภาษาบนแผนที่ ให้กำหนด option lang ในตอนสร้าง map แล้วใส่อักษรย่อ ภาษา ที่ต้องการ ซึ่งในตอนนี้ map style รองรับภาษา ไทย อังกฤษ และ ไทย-อังกฤษ

ภาษา	key ที่ใช้
ไทย (default)	th
อังกฤษ	en
ไทย-อังกฤษ	th-en

ตัวอย่าง การเรียกใช้ภาษา ไทย อังกฤษ

const map = new mapmagic.Map({
  container: 'map',
  app_id: '<YOUR_APP_ID>',
  api_key: '<YOUR_API_KEY>',
  style: '<MAP_STYLE>',
  lang: 'th-en',
});

การแสดงผล