Hogyan lehet egyszerűen hozzáadni egy Yandex vagy Google térképet egy webhelyhez

Hogyan készítsünk egy interaktív térképet egy iroda vagy üzlet címkéjével, és helyezzük el a webhelyen.

Ha cégének van címe, ahová az ügyfelek érkeznek, akkor külön vigyázhat rájuk. Mentse meg a felhasználókat attól, hogy másolniuk kell a címet, meg kell nyitniuk a térképeket és ott kell keresniük.

Helyezhet be egy Google vagy Yandex térképet a kívánt címkével a webhelyre, hogy a felhasználók azonnal megértsék, merre kell menniük. És hosszabb ideig maradtak az oldalon, növelve a látogatási időt, ami fontos lehet a viselkedési tényezők és a SEO szempontjából. 😉

Yandex. Térkép a boltról szóló információkkal a g-velo.ru weboldalon

Bármelyik kártyát kiválaszthatja, amelyik a legjobban tetszik.

Hogyan illesszünk be Yandex térképet egy weboldalra

Első lehetőség: térkép beágyazása címkével

Nyissa meg a Yandex.Maps alkalmazást, keressen egy vállalatot és másolja be a beágyazási kódot:

A Yandex.Maps címkével és információkkal ellátott térkép a következőképpen fog kinézni:

Szervezet a Yandex térképen

Lépésről lépésre:

1. Keresse meg a kívánt címet.

2. A jobb felső sarokban kattintson a három pöttyös gombra, válassza a Megosztás lehetőséget.

3. Válassza ki a térkép widgetet, és másolja a beágyazási kódot. Először megnézheti, hogy nézzen ki.

Második lehetőség: hozzon létre saját címkét

Hozzon létre egy térképet a Konstruktorban:

Az általunk készített térkép a következőképpen néz ki: van egy jelölője az általunk választott ikonnal, és a kényelem érdekében egy vonal jelenik meg magyarázattal.

A Yandex konstruktorban létrehozott térkép

Térkép létrehozása lépésről lépésre:

1. Keresse meg a címet, válassza ki a jelölő színét és típusát.

2. Mentse el a címkét, és adjon hozzá további címeket, ha több ágat szeretne megcímkézni.

3. Ha kívánja, adjon hozzá vonalakat és rajzoljon alakzatokat az útvonal tisztábbá tétele érdekében. A vonalak az utcai kanyarok mentén módosíthatók.

4. Mentse el a térképet. A következő ablakban válassza ki a típusát: interaktív vagy statikus.

   1. Az interaktív hasznosabb, mozgatható és méretezhető. Javasoljuk, hogy a webhelyre illessze be.

   2. A statikus képnek fog kinézni, kinyomtatható.

5. Állítsa be a térkép méretét: megadhat pixeleket a méret mezőbe, vagy kézzel kinyújthatja a térképet.

6. Ha a “Nyújtás szélesség szerint” lehetőséget választja, akkor a térkép szélessége = 100% paraméter lesz, vagyis amikor a térképet beillesztik a webhelybe, a blokk teljes szélességét elfoglalja.

7. Másolja a beágyazási kódot a webhelyre: választhatja a JavaScript-et vagy az iframe-et.

   1. Az iframe kódnak vannak korlátai: a felhasználó nem tudja váltani a térkép nézetét, vagyis csak a Vázlat nézet áll rendelkezésre, és csak nagy méretben jelenik meg.

   2. A JavaScript kód az API segítségével módosítható: adjon hozzá panorámát, útvonalakat, keresést.

8. Ha meg kell változtatnia a helynevek nyelvét, módosítsa a lang paramétert a másolt kódban. Most itt van a lang = ru_RU, de más nyelvet is beilleszthet az ISO 639-1 formátumú nyelvi kóddal és a régió kóddal az ISO 3166-1 formátumban: uk_UA – ukrán Ukrajna, tr_TR – török Törökország esetében. Oroszországból és Ukrajnából származó felhasználók számára a régió és a nyelv a felhasználói útlevél beállításaihoz igazodik.

9. Illessze be a kódot a Yandex térképpel az oldal szerkesztőjén keresztül a webhelyre.

Hogyan lehet beágyazni egy Google térképet egy webhelyre

Első lehetőség: helyezzen be egy térképet a Google Térképből

Nyissa meg a Google Maps szolgáltatást, keressen egy vállalatot és másolja be a beágyazási kódot:

A térkép így fog kinézni:

Vállalati címkével ellátott térkép a Google Maps-ről

Lépésről lépésre:

1. Keresse meg a céget a térképeken, kattintson a “Megosztás” gombra.

2. Kattintson a “Térkép beágyazása” elemre, és válasszon egy méretet a javasoltak közül, vagy válassza az “Egyéb méret” lehetőséget, és adja meg a lehetőségeket.

3. Másolja a kapott HTML kódot, és illessze be a webhely kódjába, ahová a térképet el szeretné helyezni.

Második lehetőség: saját helyjelző létrehozása a Google Térképen

Helyjelző létrehozása a Google Térképen:

Így néz ki az a helyjelző, amelyet előnézeti módban hoztunk létre: van egy leírása, amelyet beírtunk, egy fénykép és egy információ a Google Térképről.

Kártya cégcímkével

Helyjelző létrehozása a Google Maps-en lépésről lépésre:

1. Írja be a címet vagy a cég nevét.

2. Adjon meg egy címet, adjon hozzá egy leírást a szervezethez, fényképeket, válassza ki az ikon színét és stílusát.

3. A létrehozott térkép az előnézetben látható. Kattintson a három függőleges ponttal ellátott gombra, és válassza a Hozzáadás a webhelyhez lehetőséget.

4. Másolja a kapott kódot, és illessze be abba az oldalkódba, ahová hozzá szeretné adni a térképet.

Írja meg a megjegyzésekben, melyik kártya kényelmesebb az Ön számára és miért, mi hiányzik egy másik szolgáltatásból?