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

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

หากต้องการใช้การจัดสไตล์แผนที่แบบระบบคลาวด์ใน Android คุณต้องใช้โปรแกรมแสดงผลล่าสุดสำหรับ Maps SDK สำหรับ Android ทำตามวิธีการเหล่านี้

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

รหัสแผนที่คือตัวระบุที่ไม่ซ้ำกันซึ่งใช้เพื่อแสดงอินสแตนซ์เดียวของ Google Maps คุณใช้รหัสแผนที่เพื่อเปิดใช้ฟีเจอร์ หรือจัดการหรือกำหนดรูปแบบแผนที่ในเว็บไซต์และแอปพลิเคชัน คุณสามารถสร้างรหัสแผนที่สำหรับแต่ละแพลตฟอร์มที่ต้องการได้ ไม่ว่าจะเป็น 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 โปรดดูรายละเอียดที่หัวข้อเชื่อมโยงรหัสแมปกับรูปแบบ

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

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

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

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