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

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

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

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

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

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

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

ข้อควรปฏิบัติก่อนที่จะเริ่มต้น

• สร้างรหัสแผนที่
  หากต้องการจัดรูปแบบแผนที่ในระบบคลาวด์ คุณต้องโหลดแผนที่โดยใช้รหัสแผนที่
• เปลี่ยนจากการจัดรูปแบบแบบฮาร์ดโค้ด
  ก่อนที่จะเพิ่มรหัสแผนที่เพื่อใช้การจัดรูปแบบแผนที่ระบบคลาวด์บนแผนที่ที่มีอยู่ซึ่งปรับแต่งด้วยสไตล์แบบฮาร์ดโค้ด เช่น JSON หรือพารามิเตอร์การค้นหา URL เราขอแนะนำให้คุณนำสไตล์แบบฮาร์ดโค้ดออกเพื่อหลีกเลี่ยงความขัดแย้งที่อาจเกิดขึ้นกับฟังก์ชันการทำงานในอนาคต คุณนำเข้าการจัดรูปแบบ JSON เป็นรูปแบบแผนที่ใหม่ได้
  • ใน Android ให้อัปเดต MapStyleOptions
  • อัปเดตชั้นเรียน GMSMapStyle ใน iOS
  • ใน JavaScript ให้นำการจัดรูปแบบ MapTypeStyle ออก
  • ใน Maps Static ให้นำพารามิเตอร์ style ออก

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

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

ตัวอย่าง

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

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

การสาธิต CocoaPod หรือ GitHub สำหรับการจัดรูปแบบระบบคลาวด์ที่ไม่บังคับ

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

การสร้างแอปเดโมรุ่นเบต้า

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

หากยังไม่มีคีย์ API ให้ทำตามวิธีการเหล่านี้เพื่อตั้งค่าโปรเจ็กต์ใน Cloud Console และรับคีย์ API เมื่อกำหนดค่าคีย์ใน Cloud Console คุณจะระบุตัวระบุ Bundle ของแอปได้เพื่อให้แน่ใจว่ามีเพียงแอปของคุณเท่านั้นที่ใช้คีย์ได้ ตัวระบุกลุ่มเริ่มต้นของแอปตัวอย่าง 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

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

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

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