Hogyan illesszünk be Google térképet egy weboldalra html-ben?

hogyan lehet beilleszteni egy google térképet egy weboldalra html-be

Google Térkép székhelye alapján weboldal nagy segítséget jelent a székhelyét kereső vásárlók számára. Egy ilyen térképnek köszönhetően az ügyfelek nemcsak megtudják a helyet, hanem egy kattintással útvonalat is állítanak hozzá navigáció közben, elmentik a címet Google-fiókjukba, vagy megnézik a többi felhasználó által hagyott véleményeket.

Ha Google-térképet szeretne elhelyezni a webhelyén, azt elő kell állítania. Ehhez menjen a böngésző a Google Maps verzióját, és keresse meg annak a cégnek vagy más helynek a címét, amelynek térképét be akarjuk vezetni a weboldalon.

Ha egy adott hely információit tartalmazó panel a képernyő bal oldalán található, lépjen be a menübe a három vízszintes vonal ikonjával ellátott gombbal. Ott a sok lehetőség közül kell választani "térkép megosztása vagy beágyazása".

A megnyomást követően egy ablak jelenik meg két füllel - az első lehetővé teszi, hogy privát üzenetben ossza meg a térképet egy másik internet-felhasználóval, a második pedig Google térkép elhelyezése a webhelyen.

Itt állíthatja be a jövőbeli térkép méretét - választhatunk kicsi, közepes, nagy és egyedi méretek közül is, amelyekben pixelben megadhatja a térkép szélességét és magasságát. Minden dimenzió folyamatosan megjelenik számunkra a kiválasztás megkönnyítése érdekében. Miután meghatározta a térkép méretét, másolja a mellette lévő kódot.

Hogyan lehet lépésről lépésre beilleszteni egy Google térképet egy webhelyre

A létrehozott html kódot az oldal kódjába kell helyezni. Ha a webhely tartalomkezelő rendszeren alapul, például WordPressen, akkor az új bejegyzés vagy oldalszerkesztőnek lehetősége lesz beilleszteni a kódot. Így gyorsan elhelyezhet egy térképet egy új bejegyzésben vagy egy aloldalon. Ilyen térkép a widgetben is elhelyezhető az oldal bármely pontján.

Ha a webhely nem használ WordPress vagy hasonló megoldásokat, akkor a létrehozott kódot Önnek kell beillesztenie. Ezt követően magának kell szerkesztenie az index.html fájlt (ha hozzá szeretne adni egy térképet a kezdőlaphoz), vagy az egyik aloldalért felelős fájlt, és létre kell hoznia egy div elemet, amelybe be kell illeszteni a kódot. Haladóbb a bővítményekkel rendelkező webhelyek létrehozásában is kissé megváltoztathatja az alaptérkép megjelenését, például egy tartomány hozzáadásával (hasznos a kiszállítást kínáló étteremnél), nem csak egy jelölővel (ha a vállalatnak több fiókja van) vagy a szín a térképet úgy, hogy esztétikusan nézzen ki, illeszkedett az oldal színeihez.

Érdemes hozzátenni, hogy az így generált térképeket a Google hívja "Beágyaz"azaz"beépített" szabadok.

A Google Maps API használata azonban 2018-tól fizetendő. A jelenlegi árlista szerint a költség a megjelenítések számától függ - a kis webhelyeket nem terhelik semmiféle díjak, ha azok nem lépik túl a havi kétszáz dolláros határt. Az egyes összegek bejelentkezhetnek Google Maps Platform árlista, ahol a megjelenítési korlátok is vannak, ha túllépik őket, a Google felszámít. A Google Maps API lehetővé teszi, hogy több térképet válasszon - választhat dinamikus, statikus térképeket, amelyekkel nem lehet kölcsönhatásba lépni, fejlett beágyazott térképeket, további lehetőségekkel, amelyek kiterjesztik a szabványos, ingyenes beágyazott térképeket.

részvény

Lásd még

Szólj hozzá!

Az e-mail címed nem kerül nyilvánosságra.

oxary logó
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore