ใช้การประกาศสไตล์ 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

สร้างสไตล์ที่กำหนดเองสำหรับ Google Maps Platform API

ใช้วิซาร์ดการจัดสไตล์แพลตฟอร์ม Maps เป็นวิธีที่รวดเร็วในการสร้างออบเจ็กต์การจัดสไตล์ JSON

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

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

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

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

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

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

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

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