ใช้การประกาศสไตล์ JSON ที่ฝัง

เลือกแพลตฟอร์ม: Android iOS JavaScript

คุณสามารถใช้การจัดรูปแบบที่กำหนดเองผ่านการประกาศรูปแบบ JSON ที่ฝังไว้กับรายการต่อไปนี้

  • แผนที่เริ่มต้น
  • ประเภทแผนที่ที่ผู้ใช้สามารถสลับไปมาระหว่างเฟรมแผนที่เดียวได้

ระบุรูปแบบสำหรับฟีเจอร์

หากต้องการใช้รูปแบบกับฟีเจอร์และองค์ประกอบต่างๆ ในแผนที่ ให้สร้างอาร์เรย์ของ MapTypeStyle ที่กำหนดวิธีจัดรูปแบบแผนที่

อาร์เรย์จะมีรูปแบบดังนี้

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

ดูรายการค่าทั้งหมดที่ใช้ได้สำหรับ featureType, elementType และ stylers ได้ที่ข้อมูลอ้างอิงรูปแบบ JSON

วิซาร์ดการจัดรูปแบบ Maps Platform

ใช้วิซาร์ดการจัดรูปแบบ Maps Platform เพื่อสร้างออบเจ็กต์การจัดรูปแบบ JSON อย่างรวดเร็ว

ใช้รูปแบบกับแผนที่เริ่มต้น

ตัวอย่างต่อไปนี้แสดงแผนที่เริ่มต้นที่จัดรูปแบบโดยใช้ข้อความและไอคอนสีอ่อนบนพื้นหลังสีเข้ม (เช่น โหมดมืด) หากต้องการดูตัวอย่างโค้ด ให้ไปที่ ตัวอย่างโค้ดแผนที่ที่จัดรูปแบบ - โหมดกลางคืน

หากต้องการแก้ไขรูปแบบของแผนที่เริ่มต้น ให้ตั้งค่าพร็อพเพอร์ตี้ styles ของแผนที่ในออบเจ็กต์ MapOptions เป็นอาร์เรย์รูปแบบเมื่อ

  • สร้างแผนที่
  • หรือเมื่อเรียกใช้เมธอด Map.setOptions

การเปลี่ยนแปลงป้ายกำกับและถนนจะส่งผลต่อแผนที่ทุกประเภท รวมถึงแผนที่ภูมิประเทศ แผนที่ดาวเทียม แผนที่ไฮบริด และแผนที่ถนนเริ่มต้น

ใช้รูปแบบกับประเภทแผนที่

ตัวอย่างต่อไปนี้แสดงประเภทแผนที่ที่เพิ่มเข้ามาชื่อว่าแผนที่ที่จัดรูปแบบ ในตัวควบคุมที่ด้านซ้ายบนของแผนที่ หากต้องการดูตัวอย่างโค้ด ให้ไปที่ ประเภทแผนที่ที่จัดรูปแบบ

หากต้องการสร้างประเภทแผนที่ที่จัดรูปแบบ ให้ตั้งค่าอาร์เรย์รูปแบบเป็น StyledMapType ออบเจ็กต์ การสร้างประเภทแผนที่ที่จัดรูปแบบใหม่จะไม่ส่งผลต่อรูปแบบของประเภทแผนที่เริ่มต้น