ภาพรวม
โซลูชันเครื่องมือสำรวจพื้นที่ 3 มิติ ทำให้คุณมีวิธีใหม่ๆ ในการสำรวจและสัมผัสกับสถานที่ต่างๆ โซลูชันนี้ใช้ประโยชน์จากความสามารถของ ชิ้นส่วนภาพ 3 มิติแบบภาพสมจริงของแพลตฟอร์ม Google Maps และ Places API เพื่อสร้างสภาพแวดล้อม 3 มิติแบบอินเทอร์แอกทีฟที่น่าสนใจ
เครื่องมือสำรวจพื้นที่ 3 มิติออกแบบมาเพื่อจุดประสงค์หลายอย่าง ดังนี้
ปรับปรุงการสำรวจพื้นที่: ผู้ใช้สามารถสำรวจย่านใกล้เคียงด้วยภาพที่มีรายละเอียดในระดับสูง ได้รับข้อมูลเชิงลึกเกี่ยวกับลักษณะและจุดสังเกตในท้องถิ่น
โปรโมตการเล่าเรื่องตามสถานที่: ความสามารถในการรวมจุดที่น่าสนใจ (จุดสนใจ) พร้อมคำอธิบายอย่างละเอียดทำให้สามารถสร้างประสบการณ์ที่ขับเคลื่อนด้วยการเล่าเรื่อง ซึ่งให้ความรู้และแจ้งให้ผู้ใช้ทราบเกี่ยวกับสถานที่ที่เจาะจง
สร้างแรงบันดาลใจในการพัฒนาโดยใช้ความสามารถแบบ 3 มิติของ Google Maps: เครื่องมือนี้แสดงให้เห็นถึงศักยภาพของข้อมูลแผนที่ 3 มิติของ Google ในการสร้างแผนที่แบบอินเทอร์แอกทีฟที่สมจริง
วิธีเริ่มต้นใช้งาน
เปิดใช้
เทคโนโลยีที่สำคัญ
โซลูชันนี้สร้างขึ้นโดยใช้เทคโนโลยีหลัก 2 อย่าง ได้แก่
Google Maps Platform API
เราใช้ API หลายตัวจาก Google Maps Platform เพื่อรับแผนที่ฐานและข้อมูลในการสร้างประสบการณ์นี้ ดังนี้
- กระเบื้อง 3 มิติแบบภาพเสมือนจริงของ Google Maps: โมเดล 3 มิติความละเอียดสูงของอาคารและภูมิประเทศให้ภาพจำลองของสภาพแวดล้อมในเมืองที่สมจริงและน่าดึงดูด
- Places API: แอปสามารถระบุและแสดงข้อมูลโดยละเอียดเกี่ยวกับจุดที่น่าสนใจ (POI) ภายในพื้นที่ที่สำรวจได้ ซึ่งช่วยเพิ่มคุณค่าให้ประสบการณ์ของผู้ใช้ด้วยความรู้เกี่ยวกับท้องถิ่น
- เติมข้อความอัตโนมัติช่วยให้ผู้ใช้ค้นหาสถานที่หรือหัวข้อที่สนใจ
CesiumJS
CesiumJS รับหน้าที่ในการแสดงภาพและแสดงลูกโลก 3 มิติ ความละเอียดสูง บริษัทจะจัดการการโหลดและการแสดงข้อมูลกระเบื้อง 3 มิติแบบภาพเสมือนจริงของ Google ซึ่งเป็นโมเดลตาข่าย 3 มิติของอาคารและภูมิประเทศ
การจัดการกล้อง: CesiumJS มีเครื่องมือในการควบคุมตำแหน่ง การวางแนว และการเคลื่อนไหวของกล้อง ซึ่งรวมถึงเนื้อหาต่อไปนี้
- ตั้งค่ามุมมองเริ่มต้นให้เน้นไปที่ย่านใกล้เคียงที่ระบุเมื่อโหลดแอป
- การใช้การเคลื่อนกล้องแบบไดนามิก เช่น การสร้างภาพเคลื่อนไหวจากวงโคจรอัตโนมัติเพื่อการสำรวจ
- การจัดการการโต้ตอบของผู้ใช้กับโลกหากมีฟีเจอร์ดังกล่าว (การเลื่อน การซูม การหมุน)
ดูว่าไทล์ 3 มิติแบบภาพเสมือนจริงสามารถ ทำงานกับตัวแสดงผลการ์ด 3 มิติได้อย่างไร
องค์ประกอบสำคัญ
แอปพลิเคชันนี้แบ่งออกเป็น 2 แอปที่แตกต่างกัน ได้แก่
- แอปผู้ดูแลระบบ
- แอปเดโม
แผนภาพนี้แสดงภาพรวมของความแตกต่างและความสัมพันธ์ระหว่างแอปพลิเคชันทั้งสอง
การตรวจสอบแต่ละแอปเพิ่มเติมจะเป็นประโยชน์อย่างยิ่ง
แอปผู้ดูแลระบบ
แอปพลิเคชันนี้มีอินเทอร์เฟซที่ใช้งานง่ายซึ่งให้คุณปรับแต่งประสบการณ์ 3 มิติได้ ดังนี้
ค้นหาสถานที่ : ใช้แถบค้นหาการเติมข้อความอัตโนมัติใน Google Maps Platform ที่ผสานรวมไว้เพื่อค้นหาพื้นที่ที่ต้องการแสดง เมื่อเลือกตำแหน่งแล้ว กล้องจะข้ามไปที่พื้นที่นั้นอย่างราบรื่น
กล้อง: ปรับความเร็วในการเคลื่อนที่ของกล้องและประเภทวงโคจรเพื่อสร้างประสบการณ์การรับชมที่เลือก
สถานที่ (POI): กำหนดความหนาแน่น รัศมีการค้นหา และประเภทจุดสนใจ (เช่น ร้านอาหาร คาเฟ่ จุดสังเกต) ที่ต้องการแสดง
ใช้แอปนี้เพื่อปรับแต่งประสบการณ์การใช้งานสำหรับผู้ใช้ปลายทาง
สำรวจแกรนด์แคนยอนที่มีสถานที่ท่องเที่ยวสำคัญทั้งหมด
จะมีคำอธิบายโดยละเอียดของการปรับแต่งทั้งหมด การปรับแต่งเครื่องมือสำรวจพื้นที่ 3 มิติ
แอปเดโม
ซึ่งเป็นแอปพลิเคชันสุดท้ายที่แสดงต่อผู้ใช้ซึ่งโหลดการกำหนดค่าที่คุณสร้างไว้ในแอปผู้ดูแลระบบ ในสภาพแวดล้อม 3 มิติที่สมจริงนี้ ผู้ใช้จะสามารถสำรวจพื้นที่ที่เลือกและค้นพบสถานที่ที่คุณเคยไฮไลต์ไว้
เมื่อคุณปรับแต่งรูปลักษณ์โดยใช้แอป Admin แล้ว คุณจะดาวน์โหลดการกำหนดค่าและเรียกใช้แอปพลิเคชันที่กำหนดเองจากซอร์สโค้ดได้
ประสบการณ์ของผู้ใช้
คุณลักษณะสำคัญบางประการของแอปพลิเคชัน ได้แก่:
- ผู้ใช้สามารถสำรวจพื้นที่ในแบบ 3 มิติได้แบบอินเทอร์แอกทีฟ รวมถึงอาคาร จุดสังเกต และภูมิประเทศ
- ผู้ใช้สามารถค้นหาและพบสถานที่ใกล้เคียง (เช่น พิพิธภัณฑ์ สวนสาธารณะ ร้านอาหาร)
เมื่อเลือกสถานที่ ผู้ใช้จะดูข้อมูลหรือการบรรยายเกี่ยวกับสถานที่นั้นโดยละเอียดได้
นักพัฒนาแอปสามารถปรับเปลี่ยนประสบการณ์การสำรวจในแบบของตนผ่านการตั้งค่าและการควบคุม (หากใช้แอป Admin)
เปิดใช้งานการหมุนอัตโนมัติอยู่ ทำให้กล้องหมุนรอบกึ่งกลางของพื้นที่ที่เลือกได้โดยอัตโนมัติ
สิ่งที่ต้องดำเนินการก่อน
คีย์ API ของ Google Maps: คุณจะต้องมีคีย์ API ที่ถูกต้องซึ่งเปิดใช้ API ต่อไปนี้
เว็บเซิร์ฟเวอร์: คุณสามารถให้บริการแอปพลิเคชันจาก:
- เว็บเซิร์ฟเวอร์ภายใน (เช่น ใช้ Node.js, http-server)
- บริการเว็บโฮสติ้งแบบคงที่ (แอปพลิเคชันมาพร้อมกับ Dockerfile)
ดูคำอธิบายโดยละเอียดของตัวเลือกการทำให้ใช้งานได้ในส่วน Readme ของโปรเจ็กต์ GitHub
การทำให้ใช้งานได้
คุณสามารถทำให้แอปใช้งานได้เป็นแอปพลิเคชันโหนดหรือคอนเทนเนอร์ Docker ในสภาพแวดล้อมคอนเทนเนอร์ใดก็ได้ เช่น GKE หรือ GAE การสาธิตที่โฮสต์ใช้ สถาปัตยกรรมต่อไปนี้
- ในสถาปัตยกรรมนี้ โค้ดจะอยู่ในโปรเจ็กต์ GitHub
- บิลด์ระบบคลาวด์จะรับโค้ดเมื่อมีการพุชไปยังหลักและทริกเกอร์การดำเนินการของบิลด์
- เพื่อเป็นส่วนหนึ่งของบิลด์ คีย์ API จะแทรกคีย์ API และสร้างอิมเมจซึ่งแล้วจัดเก็บไว้ในรีจิสทรีของอาร์ติแฟกต์
- ในขั้นสุดท้ายจะทำให้ใช้งานได้ของอิมเมจที่เสถียรล่าสุดจาก Artifact Registry เพื่อเรียกใช้ Cloud
- นอกจากนี้ เรายังมีการตรวจสอบประสิทธิภาพการทำงานและการตรวจสอบประสิทธิภาพการทำงาน ของแอปที่ทำให้ใช้งานได้อยู่
ข้อมูลสำหรับการเรียกเก็บเงิน
โซลูชัน 3D Area Explorer ใช้บริการของ Google Maps Platform เพื่อมอบประสบการณ์ที่สมจริงและมีชีวิตชีวา API บางรายการอาจมีค่าใช้จ่าย ภาพรวมของ API และลิงก์ไปยังราคามีดังนี้
Google Maps Platform - API การ์ด 3 มิติ:
โซลูชันการเล่าเรื่องใช้ API ไทล์ 3 มิติเพื่อยกระดับประสบการณ์การใช้งานภาพด้วยข้อมูลภูมิสารสนเทศ โปรดดูรายละเอียดราคาที่เกี่ยวข้องกับ 3D Tiles API ที่ ราคาของ 3D Tiles API ของ Google Maps Platform
Google Maps Platform - Places API:
Places API ใช้สำหรับข้อมูลที่อิงตามตำแหน่ง ซึ่งช่วยเพิ่มข้อมูลที่หลากหลายให้กับการเล่าเรื่อง หากต้องการทำความเข้าใจค่าใช้จ่ายที่เกี่ยวข้องกับ Google Places API โปรดไปที่ Google Maps Platform - ราคา Places API
Google Maps Platform - API เติมข้อความอัตโนมัติ:
ฟีเจอร์เติมข้อความอัตโนมัติช่วยให้ผู้ใช้โต้ตอบได้ดียิ่งขึ้น สำหรับรายละเอียดราคา เกี่ยวกับ Google Maps Autocomplete API โปรดไปที่ Google Maps Platform - ราคาสำหรับการเติมข้อความอัตโนมัติใน Places
CesiumJS:
CesiumJS ใช้สำหรับการแสดงภาพโลก 3 มิติ แม้ว่า CesiumJS เองจะเป็นโอเพนซอร์ส แต่ฟีเจอร์หรือบริการเพิ่มเติมอาจมีค่าใช้จ่ายที่เกี่ยวข้องของตนเอง โปรดดูเอกสารประกอบของ CesiumJS สำหรับข้อเสนอแบบพรีเมียม
การตรวจสอบรายละเอียดราคาสำหรับ API ที่เกี่ยวข้องแต่ละรายการมีความสำคัญ เนื่องจากการเรียกเก็บเงินจะคิดแยกกันตามการใช้งาน โปรดทราบว่า Google Maps Platform นำเสนอรุ่นฟรีที่มีการใช้งานจำนวนหนึ่งโดยไม่มีค่าใช้จ่าย และราคาที่เจาะจงอาจแตกต่างกันไปตามปัจจัยต่างๆ เช่น จำนวนคำขอและภูมิภาคการใช้งาน
ไปที่หน้าราคาอย่างเป็นทางการเสมอเพื่อดูข้อมูลที่ถูกต้องและเป็นปัจจุบันที่สุดเกี่ยวกับค่าใช้จ่ายในการใช้งาน Google Maps Platform และ CesiumJS ตรวจสอบให้แน่ใจว่าปฏิบัติตามข้อกำหนดในการให้บริการที่ระบุไว้โดยบริการเหล่านี้ เพื่อจัดการและเข้าใจค่าใช้จ่ายที่เกี่ยวข้องอย่างมีประสิทธิภาพ
บทสรุป
เอกสารนี้ให้ภาพรวมเกี่ยวกับความสามารถ ส่วนประกอบ ประสบการณ์ของผู้ใช้ และข้อกำหนดทางเทคนิคของนักสำรวจพื้นที่ 3 มิติ
การใช้ประโยชน์จากชิ้นส่วนภาพ 3 มิติแบบสมจริงของ Google และ Places API ช่วยให้สามารถสำรวจย่านใกล้เคียง ค้นพบจุดที่น่าสนใจ และเรียนรู้เกี่ยวกับประวัติศาสตร์ท้องถิ่นได้
ไม่ว่าจะเป็นการแสดงพื้นที่ ปรับปรุงการสำรวจ หรือโปรโมตการเล่าเรื่องแบบดิจิทัล 3D Area Explorer ก็มีแพลตฟอร์มที่สวยสะดุดตาให้เลือกใช้
ลองใช้การสาธิตนี้และปรับแต่งโดยใช้แอป Admin เพื่อสร้างประสบการณ์ 3 มิติที่น่าสนใจและให้ข้อมูล