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