บทแนะนำ
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ส่วนนี้มีบทแนะนำหลายบทที่จะช่วยให้คุณเริ่มต้นใช้งาน
Maps JavaScript API ได้
เพิ่มแผนที่ที่มีเครื่องหมายลงในหน้าเว็บโดยใช้ HTML เท่านั้น
เพิ่มแผนที่ที่มีเครื่องหมายไปยังหน้าเว็บโดยใช้โปรแกรม
รับตำแหน่งทางภูมิศาสตร์ของอุปกรณ์ในแผนที่ Google โดยใช้ฟีเจอร์ตำแหน่งทางภูมิศาสตร์ HTML5 ของเบราว์เซอร์ร่วมกับ Maps JavaScript API
ใช้การจัดกลุ่มเครื่องหมายเพื่อแสดงเครื่องหมายจำนวนมากบนแผนที่
สร้างเครื่องหมายโดยใช้ไอคอนกราฟิกที่กำหนดเอง
เพิ่มคำอธิบายที่กำหนดเองลงในแผนที่
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-08-27 UTC
[null,null,["อัปเดตล่าสุด 2025-08-27 UTC"],[[["\u003cp\u003eThis section provides tutorials on basic Google Maps JavaScript API implementations, such as adding maps and markers using HTML or JavaScript.\u003c/p\u003e\n"],["\u003cp\u003eLearn to display a user's location, manage a large number of markers through clustering, and personalize the map with custom markers and legends.\u003c/p\u003e\n"],["\u003cp\u003eExplore advanced features like creating interactive heatmaps using Firebase for real-time collaborative mapping experiences.\u003c/p\u003e\n"]]],[],null,["# Tutorials\n\nThis section features several tutorials to get you up and running with\nMaps JavaScript API.\n\n### [Add a Google map with a marker using HTML](/maps/documentation/javascript/add-google-map-wc-tut)\n\nAdd a map with a marker to a web page using only HTML.\n\n### [Add a Google Map with a marker using JavaScript](/maps/documentation/javascript/adding-a-google-map)\n\nAdd a map with a marker to a web page programmatically.\n\n### [Show current location](/maps/documentation/javascript/geolocation)\n\nGet the geographic location of a device on a Google map, using your\nbrowser's HTML5 Geolocation feature along with Maps JavaScript API.\n\n### [Cluster markers](/maps/documentation/javascript/marker-clustering)\n\nUse marker clustering to display a large number of markers on a map.\n\n### [Custom markers](/maps/documentation/javascript/custom-markers)\n\nCreate markers using custom graphic icons.\n\n### [Custom legends](/maps/documentation/javascript/adding-a-legend)\n\nAdd a custom legend to your maps."]]
