Bài viết này sẽ trình bày quá trình làm cho các bản đồ nhúng có tính phản hồi cao.
Làm cách nào để bản đồ nhúng phản hồi nhanh?
Người dùng có thể nhúng bản đồ vào HTML một cách linh hoạt bằng cách sử dụng một số thuộc tính CSS. Tuy nhiên, cần phải lấy link nhúng trước. Vì mục đích đó, trước tiên hãy thực hiện bước 1 rồi nhúng bản đồ vào HTML như sau:
Bước 1: Lấy link nhúng của bản đồ
Để nhận liên kết bản đồ được nhúng, trước tiên, hãy điều hướng đến “ bản đồ Google ”:
Bấm vào “ Chia sẻ hoặc nhúng bản đồ ' lựa chọn:
Bây giờ, hãy nhấp vào “ Nhúng bản đồ Nút ” để lấy liên kết nhúng:
Sau đó, nhấp vào “ SAO CHÉP HTML ” mã để sao chép mã:
Bước 2: Nhúng bản đồ vào HTML
Để nhúng bản đồ vào HTML, trước tiên, hãy tạo cấu trúc HTML. Trong HTML, dán liên kết nhúng đã sao chép vào bên trong đầu ra Bây giờ có thể quan sát từ đầu ra bên dưới rằng bản đồ đã được nhúng và nó cũng phản hồi: Để làm cho bản đồ nhúng có tính phản hồi cao, trước tiên, hãy tạo cấu trúc HTML có
< h1 > Vị trí trên Google Maps < / h1 >
< div lớp học = 'bản đồ container' >
< khung nội tuyến
chiều rộng = '100%'
chiều cao = '500'
phong cách = 'đường viền: 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!2sNew%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2s!4v1695734740712!5m2!1sen!2s'
>< / khung nội tuyến >
< / div >
< / thân hình >
Phần kết luận