Devdit
 

PHP ใส่ Google Maps ด้วยระบบแชร์ และฝังแผนที่

2.3K

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

 

ตัวอย่าง PHP ใส่ Google Maps ด้วยระบบแชร์ และฝังแผนที่

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

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

 

2. พิมพ์สถานที่ลงในช่อง จากตัวอย่าง “เชียงใหม่” และกด enter

 

3. เมื่อพบสถานที่แล้วแถบด้านซ้ายให้กดปุ่ม “แชร์”

 

4. หน้าต่างแชร์ให้เลือกเมนู “ฝังแผนที่” คลิกลิงก์ คัดลอก HTML

 

5. นำโค้ด HTML ที่คัดลอกมาไปวางไว้ในตำแหน่งที่ต้องการภายในเว็บไซต์ กรณีโค้ดวางไว้ในคำสั่ง echo แนะนำให้เปลี่ยน double quote (") เป็น single quote (')

<?php
    echo "<iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1935166.0645747557!2d96.48730743757578!3d18.68098593810836!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30d0ccc8c2997841%3A0x6a69e176922503d4!2z4LmA4LiK4Li14Lii4LiH4LmD4Lir4Lih4LmI!5e0!3m2!1sth!2sth!4v1654091662098!5m2!1sth!2sth' width='600' height='450' style='border:0;' allowfullscreen='' loading='lazy' referrerpolicy='no-referrer-when-downgrade'></iframe>";
?>

 

6. กรณีสำเร็จจะพบแผนที่แสดงบนหน้าเว็บไซต์

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