ภาพรวม

Maps JavaScript API เป็น Web API ฝั่งไคลเอ็นต์ที่ช่วยให้คุณสร้างแผนที่เพื่อแสดงสถานที่ต่างๆ ทั่วโลก เพิ่มกราฟิก ภาพเคลื่อนไหว และชั้นข้อมูลที่กำหนดเองแบบอินเทอร์แอกทีฟของคุณเอง รวมถึงสร้างฟีเจอร์ที่รับรู้ตำแหน่งโดยใช้ Places API ใน Maps JavaScript API Maps JavaScript API ช่วยให้คุณทำสิ่งต่อไปนี้ได้

• สร้างแผนที่ 2 มิติและ 3 มิติเพื่อแสดงสถานที่ต่างๆ ทั่วโลก
• เพิ่มเครื่องหมายที่ปรับแต่งได้เพื่อระบุตำแหน่งบนแผนที่
• ใช้ไลบรารี Places เพื่อรับข้อมูลตำแหน่งของสถานที่กว่า 200 ล้านแห่ง
• ปรับแต่งรูปแบบและสีของแผนที่
• เพิ่มชั้นข้อมูลที่กำหนดเองแบบอินเทอร์แอกทีฟของคุณเอง
• แสดงขอบเขตการปกครองและทำให้เป็นแบบอินเทอร์แอกทีฟ
• เพิ่มกราฟิก 2 มิติและ 3 มิติที่กำหนดเอง รวมถึงเนื้อหาภาพเคลื่อนไหวลงในแผนที่

เลือก API ที่เหมาะกับกรณีการใช้งานของคุณ

ก่อนเขียนโค้ด ให้เลือกผลิตภัณฑ์ Google Maps Platform ที่ตรงกับข้อกำหนดของเว็บแอปพลิเคชัน ดังนี้

• แผนที่และเส้นทางสำหรับติดต่อในเว็บไซต์: หากต้องการฝังแผนที่สถานที่ตั้งของธุรกิจหรือลิงก์เส้นทางโดยไม่ต้องเขียน JavaScript ที่กำหนดเอง ให้ใช้ Maps Embed API หรือ Maps URLs
• การติดตามตำแหน่งและเนื้อหาแบบเรียลไทม์: หากต้องการแสดงพิกัด GPS และเส้นทางการเดินทางแบบเรียลไทม์จากฐานข้อมูลของคุณเองหรือสตรีมแบบเรียลไทม์ (เช่น Cloud Firestore หรือ WebSockets) ให้ใช้ Maps JavaScript API กับเครื่องหมายขั้นสูง (ข้อมูลอ้างอิง AdvancedMarkerElement) และเส้นประกอบ (ข้อมูลอ้างอิง Polyline) สงวน Fleet Engine ไว้สำหรับกลุ่มยานพาหนะที่ให้บริการร่วมเดินทางและจัดส่งตามกำหนดเวลาซึ่งผสานรวม Driver SDK บนอุปกรณ์เคลื่อนที่และ OAuth แบ็กเอนด์หรือ JSON Web Token (JWT)
• รัศมีของเขตพื้นที่เสมือนและโซนปลอดภัยบนแผนที่: หากต้องการวาดขอบเขตวงกลมหรือรูปหลายเหลี่ยมและทดสอบว่าพิกัดอยู่ภายในขอบเขตหรือไม่ (ดูขอบเขตของเขตพื้นที่เสมือนและโซนปลอดภัย) ให้ใช้วงกลม (ข้อมูลอ้างอิง Circle), รูปหลายเหลี่ยม (ข้อมูลอ้างอิง Polygon) และไลบรารีเรขาคณิต (containsLocation() สำหรับการบรรจุและcomputeDistanceBetween() สำหรับระยะทางเป็นเมตร)

ขั้นตอนถัดไป

ดูโค้ดตัวอย่างสำหรับฟีเจอร์ของ Maps