Αυτή η εγγραφή θα καταδείξει τη διαδικασία δημιουργίας απόκρισης των ενσωματωμένων χαρτών.
Πώς να κάνετε τους ενσωματωμένους χάρτες να ανταποκρίνονται;
Οι χρήστες μπορούν να ενσωματώσουν τον χάρτη σε HTML με απόκριση χρησιμοποιώντας ορισμένες ιδιότητες CSS. Ωστόσο, είναι απαραίτητο να λάβετε πρώτα τον ενσωματωμένο σύνδεσμο. Για το σκοπό αυτό, πρώτα, το βήμα 1 και στη συνέχεια ενσωματώστε τον χάρτη σε HTML ως εξής:
Βήμα 1: Λήψη του συνδέσμου ενσωμάτωσης του χάρτη
Για να λάβετε τον σύνδεσμο των ενσωματωμένων χαρτών, πρώτα μεταβείτε στο ' Χάρτες Google ”:
Κάνε κλικ στο ' Κοινή χρήση ή ενσωμάτωση χάρτη ” επιλογή:
Τώρα, κάντε κλικ στο ' Ενσωματώστε έναν χάρτη κουμπί ” για να λάβετε τον σύνδεσμο ενσωμάτωσης:
Μετά από αυτό, κάντε κλικ στο ' ΑΝΤΙΓΡΑΦΗ HTML ” κωδικός για να αντιγράψετε τον κωδικό:
Βήμα 2: Ενσωματώστε τον χάρτη σε HTML
Για να ενσωματώσετε έναν χάρτη σε HTML, πρώτα δημιουργήστε μια δομή HTML. Στο HTML, επικολλήστε τον αντιγραμμένο σύνδεσμο ενσωμάτωσης μέσα στο <σώμα> τμήμα εντός α Παραγωγή Τώρα μπορεί να παρατηρηθεί από την παρακάτω έξοδο ότι ο χάρτης έχει ενσωματωθεί και επίσης αποκρίνεται: Για να κάνετε τους ενσωματωμένους χάρτες να ανταποκρίνονται, πρώτα, δημιουργήστε μια δομή HTML με ένα
< h1 > Τοποθεσία στους Χάρτες Google < / h1 >
< div τάξη = 'χάρτης εμπορευματοκιβωτίων' >
< iframe
πλάτος = '100%'
ύψος = '500'
στυλ = 'border: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!74v1425'!
>< / iframe >
< / div >
< / σώμα >
συμπέρασμα