การใช้การประกาศรูปแบบ 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

วิซาร์ดการจัดรูปแบบแพลตฟอร์มแผนที่

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

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

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

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

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

  • กำลังสร้างแผนที่ของคุณ
  • หรือเมื่อเรียกใช้เมธอด Map.setOptions

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

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

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

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