Hogyan tegyük reszponzívvá a beágyazott térképeket

Hogyan Tegyuk Reszponzivva A Beagyazott Terkepeket



Beágyazott térkép is beépíthető egy weboldalba, hogy megjelenítse a cég pontcímét. Ha ez a térkép megfelelően van beágyazva a webhelybe, akkor ez egy nagyszerű kiegészítés. A beágyazott térképek létrehozásakor azonban ne feledje, hogy érzékenynek kell lenniük. Ezenkívül jól kell kinéznie, és minden eszközön és képernyőméreten megfelelőnek kell lennie.

Ez az írás bemutatja a beágyazott térképek reszponzívvá tételének folyamatát.

Hogyan tegyük reszponzívvá a beágyazott térképeket?

A felhasználók néhány CSS-tulajdonság használatával reszponzívan beágyazhatják a térképet HTML-be. Előbb azonban meg kell szerezni a beágyazott hivatkozást. Ebből a célból először hajtsa végre az 1. lépést, majd ágyazza be a térképet HTML-be a következőképpen:







1. lépés: Szerezze be a térkép beágyazási hivatkozását



A beágyazott térképek hivatkozásának eléréséhez először navigáljon a „ Google térkép ”:







Kattintson a ' Térkép megosztása vagy beágyazása ' választási lehetőség:



Most kattintson a „ Térkép beágyazása ” gombot a beágyazási hivatkozás lekéréséhez:

Ezt követően kattintson a „ HTML MÁSOLÁS ” kód a kód másolásához:

2. lépés: ágyazza be a térképet HTML-be

Térkép HTML-be ágyazásához először hozzon létre egy HTML-struktúrát. A HTML-ben illessze be a másolt beágyazási hivatkozást a szakaszon belül a

és állítsa be egy div osztálynevét. Javasoljuk, hogy stílust adjon hozzá