Devdit
 

ใส่แผนที่ PHP Google Maps ลงเว็บไซต์ด้วย iframe

2.8K

ใส่แผนที่ PHP Google Maps ลงเว็บไซต์ด้วย iframe บทความนี้สอนใส่แผนที่ของ Google Maps ลงเว็บไซต์ด้วยการฝังแผนที่ผ่านชุดแท็ก iframe ในไฟล์เว็บไซต์ภาษา PHP โดยมีรายละเอียดขั้นตอนดังนี้

 

ตัวอย่าง ใส่แผนที่ PHP Google Maps ลงเว็บไซต์ด้วย iframe

1. เข้าเว็บไซต์ Google Maps จากลิงก์ด้านล่าง

https://www.google.co.th/maps/

 

2. พิมพ์ชื่อสถานที่ ที่ต้องการใส่แผนที่ลงในเว็บไซต์ เช่น กาญจนบุรี เมื่อเจอสถานที่ที่ต้องการแล้วให้กดปุ่มแชร์

 

3. ที่หน้าต่างแชร์ให้เลือกเมนูแท็บที่ 2 ฝังแผนที่ จากนั้นกดที่ลิงก์สีฟ้า “คัดลอก HTML”

 

4. นำโค้ด HTML ที่คัดลอกมาไปวางไว้ในเว็บไซต์ตรงตำแหน่งที่ต้องการ

<iframe 
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1975998.8352913866!2d97.91334984636067!3d14.69150185463598!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e31ad50641d69d%3A0x4f97bc0e92713e12!2z4LiB4Liy4LiN4LiI4LiZ4Lia4Li44Lij4Li1!5e0!3m2!1sth!2sth!4v1654066776404!5m2!1sth!2sth" 
    width="600" height="450" style="border:0;" 
    allowfullscreen="" loading="lazy" 
    referrerpolicy="no-referrer-when-downgrade">
</iframe>

 

5. หากไม่มีอะไรผิดพลาดจะมีแผนที่แสดงบนหน้าเว็บไซต์

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ