บทความนี้จะสาธิตกระบวนการทำให้แผนที่แบบฝังมีการตอบสนอง
จะทำให้แผนที่แบบฝังตอบสนองได้อย่างไร
ผู้ใช้สามารถฝังแผนที่ใน HTML แบบตอบสนองได้โดยใช้คุณสมบัติ CSS บางอย่าง อย่างไรก็ตาม จำเป็นต้องได้รับลิงก์แบบฝังก่อน เพื่อจุดประสงค์นั้น ขั้นแรก ให้ทำตามขั้นตอนที่ 1 จากนั้นจึงฝังแผนที่ลงใน HTML ดังนี้:
ขั้นตอนที่ 1: รับลิงก์ฝังของแผนที่
หากต้องการรับลิงก์แผนที่แบบฝัง ขั้นแรก ให้ไปที่ ' Google Maps ”:
คลิกที่ ' แบ่งปันหรือฝังแผนที่ ' ตัวเลือก:
ตอนนี้คลิกที่ “ ฝังแผนที่ ปุ่ม ” เพื่อรับลิงค์ฝัง:
หลังจากนั้นให้คลิกที่ “ คัดลอก HTML ” รหัสเพื่อคัดลอกรหัส:
ขั้นตอนที่ 2: ฝังแผนที่ในรูปแบบ HTML
หากต้องการฝังแผนที่ในรูปแบบ HTML ขั้นแรกให้สร้างโครงสร้าง HTML ใน HTML ให้วางลิงก์ฝังที่คัดลอกไว้ภายใน <ร่างกาย> ส่วนภายในก เอาท์พุต ตอนนี้สามารถสังเกตได้จากผลลัพธ์ด้านล่างนี้ว่าแผนที่ถูกฝังอยู่ และยังตอบสนองได้ด้วย: หากต้องการทำให้แผนที่แบบฝังตอบสนอง ขั้นแรกให้สร้างโครงสร้าง HTML ที่มี
< h1 > ตำแหน่งบน Google Maps < / h1 >
< กอง ระดับ = 'แผนที่คอนเทนเนอร์' >
< ไอเฟรม
ความกว้าง = '100%'
ความสูง = '500'
สไตล์ = 'เส้นขอบ:0'
src = 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d328204.9017193669!2d-74.30933777495511!3d40.69753995297432!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.
'1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sใหม่%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2s!4v1695734740712!5m2!1sen!2s'
>< / ไอเฟรม >
< / กอง >
< / ร่างกาย >
บทสรุป