ภาพรวมรหัสแผนที่

รหัสแผนที่คือตัวระบุที่ไม่ซ้ำกันซึ่งแสดงการตั้งค่าการกำหนดค่าและสไตล์ของ Google Maps ที่เก็บไว้ใน Google Cloud คุณใช้รหัสแผนที่เพื่อเปิดใช้ฟีเจอร์ หรือจัดการหรือจัดสไตล์แผนที่ในเว็บไซต์และแอปพลิเคชัน คุณสามารถสร้างรหัสแผนที่สำหรับแต่ละแพลตฟอร์มที่ต้องการได้ ไม่ว่าจะเป็น JavaScript, Android, iOS หรือแผนที่แบบคงที่ ในโปรเจ็กต์คอนโซล Google Cloud ในหน้าการจัดการแผนที่

ดูวิธีสร้างรหัสแผนที่ได้ที่วิธีสร้างรหัสแผนที่

สิ่งที่คุณทำได้กับรหัสแผนที่

ใช้รหัสแผนที่เพื่อเปิดใช้ฟีเจอร์และการจัดรูปแบบ ตัวอย่างวิธีใช้รหัสแผนที่มีดังนี้ ดูรายการทั้งหมดได้ที่ฟีเจอร์ที่ใช้รหัสแผนที่

• การจัดรูปแบบแผนที่บนระบบคลาวด์: เชื่อมโยงรหัสแผนที่กับรูปแบบแผนที่เพื่อจัดรูปแบบ ปรับแต่ง และจัดการแผนที่โดยใช้คอนโซล Google Cloud พร้อมให้บริการบนทุกแพลตฟอร์ม ได้แก่ Android, iOS, JavaScript และ Maps Static API

• แผนที่เวกเตอร์: ใช้รหัสแผนที่เพื่อใช้แผนที่ที่ประกอบด้วยไทล์แบบเวกเตอร์ซึ่งวาดขึ้นเมื่อโหลดฝั่งไคลเอ็นต์โดยใช้ WebGL พร้อมใช้งานใน JavaScript

• เครื่องหมายขั้นสูง: ใช้รหัสแผนที่เพื่อเปิดใช้เครื่องหมายขั้นสูง พร้อมให้ใช้งานใน Android, iOS และ JavaScript

ตัวอย่างการจัดสไตล์แผนที่บนระบบคลาวด์

หากต้องการใช้การจัดสไตล์แผนที่บนระบบคลาวด์เพื่อจัดสไตล์แผนที่ในเว็บไซต์และแอป Android ให้ทำตามขั้นตอนต่อไปนี้

1. สร้างรหัสการแมปสําหรับแต่ละแพลตฟอร์มที่คุณใช้ เช่น สร้าง JavaScript และรหัสแผนที่ Android โปรดดูรายละเอียดที่หัวข้อสร้างรหัสแผนที่

2. กำหนดค่ารูปแบบแผนที่ในคอนโซล Google Cloud โปรดดูรายละเอียดที่หัวข้อการจัดสไตล์แผนที่แบบระบบคลาวด์

3. เชื่อมโยงรหัสแผนที่ทั้ง 2 รายการกับสไตล์แผนที่ในคอนโซล Google Cloud โปรดดูรายละเอียดที่หัวข้อเชื่อมโยงรหัสแผนที่กับสไตล์

4. อ้างอิงรหัสแผนที่ใน JavaScript ของเว็บไซต์และโค้ดแอป Android โปรดดูรายละเอียดที่หัวข้อเพิ่มรหัสแผนที่ลงในแอป

จากนั้นรูปแบบแผนที่ที่เชื่อมโยงกับรหัสแผนที่จะแสดงในเว็บไซต์และในแอป Android ของคุณ คุณสามารถอัปเดตรูปแบบแผนที่ได้ในคอนโซลระบบคลาวด์ และการเปลี่ยนแปลงจะปรากฏในทั้ง 2 แห่งโดยอัตโนมัติ ลูกค้าจึงไม่จำเป็นต้องอัปเดตแอป

ฟีเจอร์ที่ใช้รหัสแผนที่

ตารางต่อไปนี้แสดงฟีเจอร์และ API ของ Google Maps Platform ที่ใช้รหัสแผนที่

ฟีเจอร์หรือ API	ใช้รหัสแผนที่เพื่อบรรลุเป้าหมายเหล่านี้
เครื่องหมายขั้นสูง	เปิดใช้เครื่องหมายขั้นสูง คุณไม่จำเป็นต้องสร้างรหัสแผนที่ และใช้รหัสแผนที่เดโม DEMO_MAP_ID แทนได้
การจัดสไตล์ตามข้อมูลสําหรับขอบเขต	เชื่อมโยงรหัสแผนที่กับชุดขอบเขตและการจัดรูปแบบเพื่อจัดรูปแบบแผนที่ตามขอบเขต
การจัดสไตล์ตามข้อมูลสําหรับชุดข้อมูล	เชื่อมโยงรหัสแผนที่กับชุดข้อมูลและการจัดสไตล์เพื่อจัดสไตล์แผนที่ตามชุดข้อมูล
Flutter	จัดสไตล์ Google Maps ที่ใช้ในแอป Flutter
Maps Embed API	ระบุและจัดรูปแบบแผนที่ที่จะฝังในหน้าเว็บ
Maps JavaScript API	จัดรูปแบบแผนที่ที่จะแสดงในหน้าเว็บ
Maps SDK สำหรับ Android	จัดรูปแบบแผนที่ที่จะแสดงในแอปพลิเคชัน Android1
Maps SDK สำหรับ iOS	จัดรูปแบบแผนที่ที่จะแสดงในแอปพลิเคชัน iOS1
Maps Static API	ระบุและจัดรูปแบบแผนที่ให้แสดงผลเป็นภาพนิ่ง
โซลูชันการเคลื่อนที่	ใช้ Maps JavaScript API และ SDK สำหรับ Android และ iOS เพื่อกำหนดสไตล์แผนที่ในโซลูชันการเคลื่อนที่1
WebGL (แผนที่เวกเตอร์)	เปิดใช้ฟีเจอร์ WebGL โดยใช้รหัสแผนที่เวกเตอร์ JavaScript

¹ การใช้รหัสแผนที่ใน Maps SDK สำหรับ Android หรือ Maps SDK สำหรับ iOS จะทริกเกอร์การโหลดแผนที่ซึ่งระบบจะเรียกเก็บเงินจาก SKU แผนที่แบบไดนามิก

ขั้นตอนถัดไป

สร้างรหัสแผนที่