כיצד להפוך מפות מוטבעות לרספונסיביות

Kyzd Lhpwk Mpwt Mwtb Wt Lrspwnsybywt



ניתן לכלול מפה משובצת באתר אינטרנט כדי להציג את כתובת הנקודה של חברה. אם המפה הזו מוטמעת בצורה נכונה באתר, אזי זו תוספת נהדרת. עם זאת, בעת יצירת מפות מוטמעות, זכור שהן חייבות להיות רספונסיביות. יתר על כן, הוא חייב להיראות טוב וחייב להיראות מתאים בכל המכשירים וגדלי המסכים.

כתיבה זו תדגים את התהליך של הפיכת מפות משובצות לרספונסיביות.

כיצד להפוך מפות משובצות לרספונסיביות?

משתמשים יכולים להטמיע את המפה ב-HTML באופן רספונסיבי על ידי שימוש במאפייני CSS מסוימים. עם זאת, יש צורך לקבל תחילה את הקישור המוטבע. לשם כך, תחילה, שלב 1 ולאחר מכן הטמע את המפה ב-HTML הבא:







שלב 1: קבל את קישור ההטמעה של המפה



כדי לקבל את הקישור למפות מוטמעות, ראשית, נווט אל ' גוגל מפות ”:







הקלק על ה ' שתף או הטמע מפה ' אפשרות:



כעת, לחץ על ' הטמע מפה 'כפתור לקבל את קישור ההטמעה:

לאחר מכן, לחץ על ' העתק HTML ' קוד להעתקת הקוד:

שלב 2: הטמעת המפה ב-HTML

כדי להטמיע מפה ב-HTML, ראשית, צור מבנה HTML. ב-HTML, הדבק את קישור ההטמעה שהועתק בתוך ה- <גוף> סעיף בתוך א

וקבע את שם הכיתה של div. מומלץ להוסיף סטיילינג בתוך