พบกับแผนที่แบบใหม่ใน Google Maps Platform เร็วๆ นี้ การอัปเดตการจัดรูปแบบแผนที่นี้มีชุดสีเริ่มต้นใหม่ รวมถึงการปรับปรุงประสบการณ์และความสามารถในการใช้งานแผนที่ ระบบจะอัปเดตรูปแบบแผนที่ทั้งหมดโดยอัตโนมัติในเดือนมีนาคม 2025 หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับความพร้อมให้บริการและวิธีเลือกใช้ก่อนหน้านี้ โปรดดู
รูปแบบแผนที่ใหม่สำหรับ Google Maps Platform
ภาพรวมของ Maps Embed API
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
วางแผนที่แบบอินเทอร์แอกทีฟหรือภาพพาโนรามาของ Street View ลงบนหน้าเว็บด้วย
API แบบฝังของ Maps ใช้คำขอ HTTP แบบง่าย โดยไม่ต้องใช้ JavaScript
คุณสามารถตั้งค่า URL ของ Maps Embed API เป็นแอตทริบิวต์ src
ของ
iframe เมื่อกําหนดค่าพร็อพเพอร์ตี้ src
พารามิเตอร์ q
ที่จําเป็นจะรองรับชื่อสถานที่ ที่อยู่ โค้ด และรหัสสถานที่ที่ใช้อักขระหลีกกับ URL ได้ ดังนี้
<iframe
width="600"
height="450"
style="border:0"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/place?key=API_KEY
&q=Space+Needle,Seattle+WA">
</iframe>
เริ่มต้นใช้งาน
ใช้โปรแกรมสร้าง iframe อัตโนมัติเพื่อฝังแผนที่ในหน้าเว็บของคุณ
ไปที่ Quickstart
เริ่มต้นการพัฒนาด้วย Maps Embed API โดยการตั้งค่า
โปรเจ็กต์ Google Cloud:
ตั้งค่าใน Cloud Console
สำหรับดัชนีของพารามิเตอร์ที่เป็นไปได้ทั้งหมดสำหรับคำขอ Maps Embed API โปรดดูคู่มือการฝังแผนที่ ดังนี้
ไปที่การฝังแผนที่
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2024-08-22 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]
{
"lastModified": "อัปเดตล่าสุด 2024-08-22 UTC",
"confidential": False
}