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

เลือกแพลตฟอร์ม: Android iOS JavaScript เว็บเซอร์วิส

ฟีเจอร์แบบชำระเงิน: ฟีเจอร์ที่เข้าถึงได้โดยการเพิ่มรหัสแผนที่จะทริกเกอร์การโหลดแผนที่ซึ่งเรียกเก็บเงินตาม SKU ของแผนที่แบบไดนามิกสำหรับ Android และ iOS ดูข้อมูลเพิ่มเติมได้ที่การเรียกเก็บเงินของ Google Maps

รหัสแผนที่เป็นตัวระบุที่ไม่ซ้ำกันซึ่งแสดงถึงการตั้งค่าการจัดรูปแบบและการกำหนดค่า 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 คุณสามารถอัปเดตรูปแบบแผนที่ใน Cloud Console และการเปลี่ยนแปลงจะปรากฏในทั้ง 2 แห่งโดยอัตโนมัติ โดยที่ลูกค้าไม่จำเป็นต้องอัปเดตแอป

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

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

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

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

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

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