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

จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
เลือกแพลตฟอร์ม: Android iOS JavaScript บริการเว็บ

Google Maps Platform มาพร้อมฟีเจอร์การจัดรูปแบบแผนที่ในระบบคลาวด์ที่ช่วยให้คุณจัดรูปแบบ ปรับแต่ง และจัดการแผนที่ได้ง่ายๆ โดยใช้ Google Cloud Console ให้คุณสร้างประสบการณ์การใช้งานแผนที่แบบกําหนดเองสําหรับผู้ใช้โดยไม่ต้องอัปเดตแอป&#39 เขียนโค้ดทุกครั้งที่ทําการเปลี่ยนแปลงรูปแบบ

สไตล์ที่สร้างขึ้นก่อนวันที่ 15 กันยายน 2020 จะไม่แสดงฟีเจอร์ธรรมชาติที่ปรับปรุงแล้วของ Google Maps คุณต้องสร้างรูปแบบแผนที่หากต้องการรองรับฟีเจอร์ตามธรรมชาติของ Google Maps ที่ได้รับการปรับปรุงแล้วสําหรับการจัดรูปแบบแผนที่

การจัดรูปแบบบนแผนที่ในระบบคลาวด์ช่วยให้คุณสร้างและแก้ไขรูปแบบแผนที่สําหรับแอปใดก็ได้ที่ใช้ Google Maps โดยไม่ต้องเปลี่ยนแปลงโค้ดใดๆ เมื่อรหัสแผนที่พร้อมใช้งานแล้ว คุณจะเปลี่ยนแปลงสไตล์ทั้งหมดใน Cloud Console ได้โดยไม่ต้องมีทักษะการเขียนโค้ด เปลี่ยนรูปลักษณ์และสีสันขององค์ประกอบแผนที่หลายๆ อย่าง เช่น ถนน อาคาร ผืนน้ํา จุดสนใจ และเส้นทางขนส่งสาธารณะ

รวมถึงฟีเจอร์ต่อไปนี้

  • การจัดรูปแบบแผนที่ในระบบคลาวด์: แทนที่การจัดรูปแบบแผนที่ในโค้ดโดยใช้ JSON, จัดการและจัดรูปแบบแผนที่แบบไดนามิกหรือแบบคงที่ใน Cloud Console โดยใช้รหัสแผนที่และรูปแบบแผนที่
  • การกรองจุดที่น่าสนใจสําหรับธุรกิจ: คุณนําจุดสนใจของธุรกิจ 5 หมวดหมู่ออกจากการแสดงแผนที่ได้
  • การควบคุมความหนาแน่นของจุดที่น่าสนใจ: ความหนาแน่นของจุดสนใจที่แสดงในแผนที่ฐานจะสามารถปรับให้แสดงจุดสนใจมากขึ้นหรือน้อยลงโดยค่าเริ่มต้นได้

แม้ว่าการจัดรูปแบบแผนที่ในระบบคลาวด์จะมีให้ใช้งานได้ Maps SDK สําหรับ Android1, Maps SDK สําหรับ iOS, JavaScript และ Maps Static API แต่บาง ฟีเจอร์อาจไม่แสดงในบางแพลตฟอร์ม

ก่อนเริ่มต้น

การเรียกเก็บเงิน

การใช้การจัดรูปแบบแผนที่ในระบบคลาวด์จะต้องใช้รหัสแผนที่ ใน Maps SDK สําหรับ Android, Maps SDK สําหรับ iOS และ JavaScript การใช้รหัสแผนที่จะทําให้มีการเรียกเก็บเงินกับ SKU ของแผนที่แบบไดนามิก ใน Maps Static API การใช้รหัสแผนที่จะทําให้มีการเรียกเก็บเงินกับ SKU ของ Maps แบบคงที่

ตัวอย่าง

เรียกใช้แอปตัวอย่าง ApiDemos

หากต้องการเรียกใช้แอปตัวอย่าง ApiDemos โปรดดูตัวอย่าง GitHub แอป Google Map ตัวอย่าง และดูโปรเจ็กต์ CloudBasedMapStylingViewController (ตัวอย่าง GitHub สําหรับ Swift | Objective-C)

การสาธิต Cloud Styling CocoaPod หรือ GitHub ที่ไม่บังคับ

คุณลองใช้แอปพลิเคชันตัวอย่าง Objective-C ที่สาธิตวิธีจัดรูปแบบแผนที่ iOS จากระบบคลาวด์ได้ที่นี่แทนการเริ่มต้นใหม่ทั้งหมด

การสร้างแอปเดโมเวอร์ชันเบต้า

ใน Xcode ให้กดปุ่มคอมไพล์เพื่อสร้างแล้วเรียกใช้รูปแบบปัจจุบัน บิลด์นี้มีข้อผิดพลาดเกิดขึ้น ขอให้คุณป้อนคีย์ API ในไฟล์ SDKDemoAPIKey.h

หากยังไม่มีคีย์ API ให้ทําตามวิธีการเหล่านี้เพื่อตั้งค่าโปรเจ็กต์บน Cloud Console และรับคีย์ API เมื่อกําหนดค่าคีย์ใน Cloud Console คุณจะระบุตัวระบุกลุ่มของแอปได้เพื่อให้มั่นใจว่าเฉพาะแอปของคุณเท่านั้นที่ใช้คีย์ได้ ตัวระบุแพ็กเกจเริ่มต้นของแอปตัวอย่าง SDK คือ com.example.GoogleMapsDemos

แก้ไขไฟล์ SDKDemoAPIKey.h และวางคีย์ API ลงในคําจํากัดความของค่าคงที่ kAPIKey

```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```

หาก Xcode แสดงข้อความให้คุณปลดล็อกไฟล์ SDKDemoAPIKey.h เพื่อแก้ไข ให้เลือกปลดล็อก

นําบรรทัดต่อไปนี้ออก

```
#error Register for API Key and insert here.
```

สร้างและเรียกใช้โปรเจ็กต์

การสาธิตการจัดรูปแบบแผนที่บนแผนที่ระบบคลาวด์

เดโม CloudStyling แสดงวิธีจัดรูปแบบแผนที่โดยใช้ชุดสไตล์ใน Google Cloud Console

เมื่อแอปพลิเคชันสาธิตเปิดขึ้น ให้คลิกการสาธิตการปรับแต่งแผนที่ในส่วนตัวอย่างรุ่นเบต้าที่อยู่ด้านบนของรายการ

คลิกแผนที่รูปแบบเพื่อดูผลของการโหลดรหัสแผนที่ต่างๆ

คุณก็ลองเพิ่มสไตล์ของตัวเองได้เช่นกัน ("Style Map" > "เพิ่มรหัสแผนที่ใหม่") และเห็นการอัปเดตแผนที่ด้วยแผนที่แบบกําหนดเอง


  1. การจัดรูปแบบแผนที่ในระบบคลาวด์ไม่พร้อมใช้งานในโหมด Lite ของ Android