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