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