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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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