New basemap styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette, modernized pins, and improvements to map experiences and usability. All map styles will be automatically updated in March 2025. For more information on availability and how to opt in earlier, see
New map style for 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>
หมายเหตุ: คำขอ Maps Embed API ทั้งหมดพร้อมให้บริการโดยไม่มีค่าใช้จ่ายผ่านทาง
การใช้งานแบบไม่จำกัด ดูข้อมูลเพิ่มเติมได้ที่การใช้งานและการเรียกเก็บเงิน
เริ่มต้นใช้งาน
ใช้โปรแกรมสร้าง iframe อัตโนมัติเพื่อฝังแผนที่ในหน้าเว็บของคุณ
ไปที่ Quickstart
เริ่มต้นการพัฒนาด้วย Maps Embed API โดยการตั้งค่า
โปรเจ็กต์ Google Cloud:
ตั้งค่าใน Cloud Console
สำหรับดัชนีของพารามิเตอร์ที่เป็นไปได้ทั้งหมดสำหรับคำขอ Maps Embed API โปรดดูคู่มือการฝังแผนที่ ดังนี้
ไปที่การฝังแผนที่
ส่งความคิดเห็น
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2024-09-05 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": "\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 2024-09-05 UTC"}
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2024-09-05 UTC"]]