כתיבה זו תדגים את התהליך של הפיכת מפות משובצות לרספונסיביות.
כיצד להפוך מפות משובצות לרספונסיביות?
משתמשים יכולים להטמיע את המפה ב-HTML באופן רספונסיבי על ידי שימוש במאפייני CSS מסוימים. עם זאת, יש צורך לקבל תחילה את הקישור המוטבע. לשם כך, תחילה, שלב 1 ולאחר מכן הטמע את המפה ב-HTML הבא:
שלב 1: קבל את קישור ההטמעה של המפה
כדי לקבל את הקישור למפות מוטמעות, ראשית, נווט אל ' גוגל מפות ”:
הקלק על ה ' שתף או הטמע מפה ' אפשרות:
כעת, לחץ על ' הטמע מפה 'כפתור לקבל את קישור ההטמעה:
לאחר מכן, לחץ על ' העתק HTML ' קוד להעתקת הקוד:
שלב 2: הטמעת המפה ב-HTML
כדי להטמיע מפה ב-HTML, ראשית, צור מבנה HTML. ב-HTML, הדבק את קישור ההטמעה שהועתק בתוך ה- <גוף> סעיף בתוך א תְפוּקָה כעת ניתן לראות מהפלט שלהלן שהמפה הוטמעה, והיא גם מגיבה: כדי להפוך מפות מוטבעות לרספונסיביות, ראשית, צור מבנה HTML בעל
< h1 > מיקום בגוגל מפות < / h1 >
< div מעמד = 'מפת מיכל' >
< iframe
רוֹחַב = '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!2sNew%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2s!4v17427214'sen!sen!
>< / iframe >
< / div >
< / גוּף >
סיכום