Saját címke a Yandex térképen. Hogyan adhatunk hozzá céget a Google és a Yandex térképekhez

Manapság az offline üzlet nem a jelzés szempontjából fontos, hanem a Google és a Yandex keresési eredményeinek jobb oldalán lévő intézmény információival blokkolja. Beszéljünk arról, hogyan adhatunk hozzá cégadatokat a kártyákhoz.

Vállalkozás hozzáadása a Google Térképhez

Létre kell hoznia egy oldalt a szolgáltatásban Google Cégem.

Mit csinal? Először is a lehetőségek:

tájékoztatja a felhasználókat az árakról, a nyitvatartási időkről, a szervezet eseményeiről és híreiről;
figyelemmel kíséri az értékeléseket és gyorsan válaszol rájuk;
üzleti információk nézeteinek elemzése (a cégadatok megtekintéseinek száma, fényképek, videók megtekintései);
kommunikálni a potenciális ügyfelekkel a Hangouts segítségével;
csatoljon térképeket útvonallal a szervezethez;
hírnevet építhet a felhasználói értékeléseken keresztül.

A Google Cégem letiltása a keresési eredmények között

Algoritmus egy cég hozzáadásához.

Ha 3-4 héten belül nem kap levelet, nyugodtan írjon a technikai támogatásnak: „Nem jött meg a levél, mit tegyek?”. A Google felajánlja a kézi ellenőrzési folyamat elvégzését.

Ehhez több fényképet kell küldenie:

9. Ezt követően átkerül a cége személyes számlájára:

Az „Információ” oldalon a legteljesebb információkat kell megadnia cégéről:

adjon hozzá további kategóriákat, amelyek megfelelnek az Ön tevékenységének;
add meg a cég leírását;
határozza meg a nyitvatartási időt;
áruk és szolgáltatások fizetési módjai;
fényképek és videók hozzáadása;
valamint további információkat.

A cég leírásában próbálja meg minél pontosabban leírni, hogy mi is pontosan az Ön vállalkozása: milyen termékeket, szolgáltatásokat kínál.

Minél teljesebb és minőségibb információ jelenik meg cégéről, annál valószínűbb, hogy a Google-felhasználók látni fogják.

Sziasztok a blogoldal kedves olvasói. Ma a Yandex térképekről és a webhelyemen való használatukról akartam beszélni. A webmesterek többsége megelégszik az online elérhető konstruktor által biztosított legegyszerűbb funkciókkal, vagy egyszerűen csak a megfelelő bővítményeket vagy modulokat használja a CMS-hez.

De azoknak, akik több szolgáltatást és funkcionalitást szeretnének kapni a Yandex.Maps API-tól, meg kell tanulniuk a JavaScriptet, és meg kell érteniük a dokumentációjukat.

Sajnos nem értek a nyelvekhez, ezért ebben a bejegyzésben csak a Yandex térképek webhelyébe vagy blogjába való beillesztésének legegyszerűbb módjairól fogok beszélni, és megmutatom, hol kereshet információt, ha kevésnek tűnik, és mit tehet kap, ha akar.

Keressen a Yandex Maps, People's Map és a Yandex.Directory oldalon

Maga a Yandex online térképszolgáltatása (erről olvassa el) 2004-ben jelent meg, és azóta is folyamatosan fejlődik, különösen azért, mert a Google térképekkel szemben nagyon erős versenytársa van. Oroszország, Ukrajna, Kazahsztán vagy Fehéroroszország számos nagyvárosának lakói olyan fejlett funkciókat használnak, mint a Forgalmi dugókat vagy a Panorámákat.

Az utolsó szolgáltatás (panorámák) viszonylag nemrég indult (2009), és a Yandexmobile (négy nagy látószögű kamerával a tetőn) még nem tudta bejárni hatalmas hazánk minden szegletét, de ahol már megjelentek a panorámák, ott azzá vált. sokkal könnyebb megtervezni az utakat egy ismeretlen útvonalon.

Az autó mellett a Yandex Maps alkalmazottai kerékpárral vagy gyalogosan is körbejárnak bizonyos területeket (például parkokban). A közelmúltban helikopterből készült panorámák is megjelentek, ezek megtekintéséhez be kell jelölni a megfelelő gomb alatti "A levegőből" négyzetet, de az igazság az, hogy ilyesmi csak Péter számára elérhető.

Ha az Ön cége nincs ott, akkor használja az űrlapot új szervezet hozzáadásához a Címtárhoz, melynek hívógombja a jobb oldalon, az igazoló űrlap alatt jelenik meg:

Ezután kövesse az alábbi videóban található utasításokat (a megadott adatokat, például telefonszámot vagy címet meg kell erősíteni, tehát nem lehetnek hamisak, ellenkező esetben nem lehet hozzáadni a térképhez):

Ebben az esetben engedélyeznie kell a Yandexen, és a legjobb, ha ez nem az Ön személyes fiókja, mert előfordulhat, hogy módosítania kell a térképhez hozzáadott adatokat (vagy elsőbbségi elhelyezést kell rendelnie), és ez nem mindig lesz helyes. hogy fiókját egy alkalmazottra bízza. Elég lesz követni a kapott utasításokat.

Ami még vonzó a Yandex Maps kereső felhasználói számára, az az, hogy olvashatnak, és ha akarnak, véleményt is írhatnak a szervezetről. Sőt, a véleményeket moderálják (persze nem a cég tulajdonosai, hanem a Runet tükör munkatársai), és kiiktatják a nyilvánvaló spamet vagy hülyeségeket.

A véleményekre kattintva a szervezet kártyájára kerül, ahol elolvashatja azokat, és ha szeretné, meg is hagyhatja a sajátját. Lehetnek további információk is erről a cégről.

Térképek készítése a Yandexben, útvonalak és mobilalkalmazások

Három fő forrást írtunk le, ahonnan a Yandex információkat szerez a földrajzi objektumok keresése során. De van egy negyedik is. Ezek az úgynevezett címkék, amelyeket a felhasználó az ún "Az én kártyáim" tárolva azokat nyilvános hozzáférés lehetőségével. Érted, miről beszélek? Ha nem, akkor szó szerint pár bekezdésben megpróbálok a magyarázatokon belül maradni.

A bal oldali oszlopban található a „Saját kártyáim” fül. Lényege abban rejlik, hogy itt elmentheti az összes címkét, kijelölést, burkolt útvonalat és egyéb dolgokat, amelyeket a Yandex Maps-en hozott létre. Én személy szerint így jelöltem meg azokat a helyeket, ahol sikerült biciklire szállnom a lakóhelyem környékén.

Azonban elhelyezhet egy jelölést, kiválaszthat egy tetszőleges épületet (megrajzolhat egy útvonalat), és beírhatja, hogy a cége ott található, hozzáadva a szükséges címkéket a leíráshoz kulcsszavakat(ebben az esetben nem szükséges megerősíteni az információt), mert fennáll annak a lehetősége, hogy ezeket az információkat figyelembe veszik a Yandex Maps-en történő keresés során. Ebben az esetben jobb lenne a térképet nyilvánosként menteni ("mindenki" megjelöléssel) a fenti képernyőképen.

Olvassa el a részleteket a Yandex Maps ingyenes kereskedelmi forgalmáról szóló cikkben, amelyet a Mystery Online blog szerzője tett közzé. Leír néhány trükköt, amelyek működtek, legalábbis az írás idején.

Bár a létrehozott címkék és jelölések mentése jól jöhet, mint említettem, csak személyes célokra. Ebben az esetben a legjobb, ha a kártyákat előzetesen engedélyezve a Yandexen mentjük el, hogy később szerkeszthessük, korlátlan számú elmenthessük, illetve személyesnek (csak nekem) vagy szűken megcélzottnak jelölhessük. (csak az Ön által közölt linken keresztül, és amikor egy másik felhasználó megtekinti alkotásainak listáját, az nem lesz látható).

Ha továbbítani szeretné valakinek összeköttetés aszfaltozott útvonallal, akkor használhatja a "Link" jobb felső sarkában található gombot, ahol a szokásos hiperhivatkozás mellett felajánlja az Ön által készített térkép hivatkozásának megosztását is a népszerű közösségi oldalakon.

Mivel arról beszélünk útvonal lefektetése a Yandex Maps-en, akkor erről szólok néhány szót. Kényelmes dolog. Amikor nem volt autó, fontos volt, hogy a tömegközlekedési útvonalat kijelöljék egy ismeretlen helyre.

A Yandex beszélt arról, hogy melyik busszal vagy trolibusszal menjen a legközelebbi metróhoz, beszélt a földalatti átszállásokról, majd azt is közvetítette, hogyan lehet eljutni a végpontig a gyalogolni kívánt méterig.

Ezenkívül a Yandex Maps figyelmeztet a zarándoklat állítólagos elvégzéséhez szükséges időre, és még alternatív útvonalakat is ajánl.

Amikor egy autó megjelent, még fontosabbá vált az útvonaltervezés használata, mert a forgalmi dugók helyzete néha komoly kiigazításokat tesz lehetővé. Ehhez egyszerűen írjon be két címet (kezdő és végpont) a bal oldali oszlopba, vagy egyszerűen vigye fel ezeket a pontokat a diagramra az egérrel (az első kattintás az útvonal eleje, a második a vége).

A forgalmi dugók számlálásához jelölje be a megfelelő négyzetet, és jelölje be változtassa meg az útvonalat egy külön helyen, elég lesz erre a helyre kattintani a bal egérgombbal és amikor megjelenik egy fehér kör, fogd meg és húzd a kívánt csomópontra vagy vágányra. Igaz, ha manuálisan állítja be az útvonalat a Yandex térképen, a forgalmi dugók többé nem működnek - minden az Ön felelőssége.

Egyébként, mivel nyilvánvalóról beszélünk, megkérdezem, hányféleképpen változtathatod meg a kijelző léptékét? Én személy szerint csak a bal felső sarokban található plusz és mínusz gombokról (és a köztük lévő csúszkáról), illetve az egér görgőjének forgásáról tudtam. De kiderült, hogy a jobb és bal egérgombbal történő dupla kattintással a részletekkel is játszhatunk, ami néha kényelmes lehet.

De persze érdekes útvonalakat és forgalmi dugókat kialakítani otthon, de leggyakrabban ezt használjuk Yandex mobil alkalmazások(Maps, Navigator vagy Metro). Az első programot úgy gondolom, hogy Oroszország nagy városaiban a telefonok 90% -ára telepítik, ahol hatalmas forgalmi dugók vannak. Érthető, mert kényelmes, gyors és megbízható. Ez a shnyaga még nem hagyott cserben komolyan.

A mobil alkalmazások teljesen ingyenes letöltés a hivatalos webhelyről vagy a megadott QR-kód felismerésére, egy fájl mobiltelefonról letölthető linkjével (kell rajta valami program, ami segít):

A mobil Yandex.Maps funkciói nagyon hasonlóak az online verzióhoz (forgalmi dugók, útvonaltervezés, keresés), azonban az ismeretlen útvonalon történő utazásokhoz természetesen a Navigátoruk a legalkalmasabb, amelynek általános elvét ez a videó jól mutatja :

Bár személy szerint tartalék lehetőségként a telefonomon tartom a Yandex Maps-es Navigátort, mert a vékony Garmin félelmetes képernyővel, hangvezérléssel és gyönyörű Oroszország térképekkel teljesen megfelel nekem, csakhogy nem mindig rakódnak rá a forgalmi dugók. időben, mert a rádió csatornát erre használják és amikor egész Moszkva megéri, akkor sokat kell sugározni, és amíg nem jön a fordulat arra a területre, ahol utazik, minden tízszeresen megváltozhat.

Api Yandex térképek és konstruktor létrehozásukhoz

Nos, ez megtörtént az általános kérdésekkel, most itt az ideje áttérni a gyakorlatra, nevezetesen arra, hogyan kell létrehozni a konstruktorban és helyezzen be egy térképet a Yandex webhelyéről... Valójában ez egyszerre könnyű és nehéz.

Ha van névjegykártyás oldala, blogja vagy egyszerű webáruháza kiterjedt irodahálózattal, akkor a tervező alapvető képességei is elegendőek lesznek, és akár egy amatőr is beillesztheti a kódot az oldalba.

Valójában van egy nagyon jó videó, amely segít eldönteni, hogy kell-e foglalkozni ezzel az egésszel - Hogyan javíthatja webhelyét a Yandex.Maps API segítségével(példákban):

Ha alaposan hozzáfog a dologhoz, akkor a helyesen összeállított útvonalterv, vagy a szállítási költség kiszámítása a felhasználó által megadott helyszín alapján jelentősen javíthatja a használhatóságot, és végső soron vásárlóvá teheti a látogatót.

A részletekért lásd a videót, amely elmondja hogyan javíthatja online áruházát térképekkel:

Más kérdés, hogy túl kell-e lépnie a Yandex Maps konstruktor alapvető keretein, és létre kell hoznia valamit, ami nagyszerűen hasonlítható a vezető mobilszolgáltatók lefedettségi sémáihoz, az összes Kiwi ATM listájához, a forgalmi dugók helyzetéhez az Ön területén stb. dolgokról. Ide kell egy programozó, aki ismeri a JavaScriptet.

Yandex.Maps API például lehetővé teszi, hogy egy réteget lefedjen a webhelyén forgalmi dugókkal, de ehhez sajnos a beépített konstruktor képességei nem lesznek elegendőek, és a JavaScriptet ismerő szakember szolgáltatásait kell igénybe vennie. , akinek csak meg kell ismerkednie az API dokumentációjával.

Igen, maga az API (alkalmazásprogramozási felület) kifejezés azt jelenti, hogy lehetőséget kapunk valamilyen szoftver használatára anélkül, hogy egyáltalán nem ismerjük a működését, de van egy leírás azokról az eszközökről (tollak), amelyek a csatlakoztatáshoz és bizonyos funkciók megvalósításához szükségesek. . Ez a dolog széles körben elterjedt és gyakran használt.

A Yandex Maps API leírása a fenti linken található, de van egy egyszerű konstruktor is, amely lehetővé teszi, hogy gyorsan elkészítse a kívánt terület térképét, ráhelyezze a szükséges címkéket leírásokkal, kiemelje a szükséges objektumokat és megjelenítse a ösvény, amelyen a legkönnyebben megközelíthető, például a legközelebbi metróállomásról.

Térképkészítő a Yandexben

function customscript_shortcode ($ atts, $ text) (globális $ post; return get_post_meta ($ post-> ID, $ text, true);) @add_shortcode ("customscript", "customscript_shortcode");

Ezt követően a cikk vagy a statikus oldal lehet helyezze be a kapott kódot a Yandex térképkonstruktorába, a következő konstrukcióval, ahol a "yandexmap" helyett szúrja be az Ön által használt azonosítót:

Most már nem fél a vizuális szerkesztőtől, amely kész mindent levágni, ami eltér a HTML-kódtól. Hurrá. Ha a blogkeretbe (fejléc, oldalsáv vagy lábléc) kell beszúrni az útbaigazítást, akkor a szkriptet közvetlenül be lehet illeszteni oda, de ki kell választani a kívántat, hogy a térkép ott jelenjen meg, ahol szeretné. A sablonok céljáról a megadott linken olvashat.

Behelyezni API-leképezések a Yandexről a Joomla által kezelt webhelyre Lehetséges lesz ugyanazt használni, de először kapcsolja ki a vizuális szerkesztőt, hogy a kódot ismét ne vágja el. A beillesztés után a szerkesztő újra bekapcsolható.

Ha hozzá kell adnia egy útbaigazító kódot egy Joomla cikkhez, egyszerűen beillesztheti azt a vizuális szerkesztő kikapcsolásával, vagy beillesztheti egy tetszőleges kódmodul tartalmát a beépülő modul lehetőségeinek használatával.

Ebben az esetben a Yandex kártyakóddal rendelkező modult egy nem létező pozícióba kell helyezni a sablonban (banális tetszőleges Html kód esetén a modulbeállítások pozícióválasztó mezőjébe beírni a yandex-karta-hoz hasonlót). És akkor már cikkek írásakor vagy szerkesztésekor beillesztheti a szerkezetet a megfelelő helyre:

(loadposition yandex-karta)

Mellesleg, ha ez a módszer hirtelen nem működik az Ön számára, akkor lépjen a bővítménykezelőbe (a Joomla adminisztrációs paneléről válassza ki a "Bővítmények" - "Bővítménykezelő" menüpontot), és keresse meg, majd aktiválja a "Tartalom - Modul betöltése" menüpontot. ". A szabványos Joomla csomag része, tehát rendelkeznie kell vele.

Itt érdemes azt is elmondani, hogy a fent említett „Kártyáim” közül kihúzhatja a sémát és beillesztheti webhelyére. Ne feledd, ott mondtam, hogy kapsz egy linket a mentett sémához, ezen kívül még kaphatsz YMapsML fájl, amelyet egyszerűen csatolhat az oldalhoz, ha előzetesen csatlakoztatja hozzá az API-t.

A Yandex Api csatlakoztatásához elegendő a következő szkripthívást elhelyezni a head címkék közé (a Joomla vagy a WordPress esetében ugyanúgy megtalálhatók, mint a cikkben leírtak szerint) a következő szkripthívást:

Nos, a megfelelő helyre (ahová a helytérképet be kell illeszteni és megjeleníteni) elég lesz beszúrni:

Feltételezzük, hogy a legegyszerűbb útvonalterv elkészítésével és weboldalunkba való beillesztésével valahogy rájöttünk. Mi a következő lépés? Valószínűleg érdemes néhány szót ejteni a Yandex Maps API bonyolultabb verzióiról, amelyekre már nem vonatkozik az említett konstruktor, viszont a JavaScript nyelvet járatos ember eléggé rátermett.

Ebben az esetben, mielőtt kinyitnád a Yandex Maps API összes képességét amelyek leírása a megadott linken található. Minden szükséges dokumentáció megvan, és a videóból a lány elhozza Önt a naprakészen:

Remek, add át ezeket az anyagokat a programozódnak, és ő valami ilyesmit fog összezavarni (ha szükséges):

A Yandex Maps beillesztése a WordPress és a Joomla rendszerébe bővítmények segítségével

Elvileg a fent leírt konstruktőri képességek a legtöbb esetben elegendőek. Vannak azonban olyan bővítmények, amelyek lehetővé teszik a Yandex térképének beszúrását webhelyére, és hozzáadhatja a szükséges magyarázó címkéket.

Az ilyen kiterjesztések listája a hivatalos webhelyen található. Ha figyelembe vesszük a WordPress-t, akkor véleményem szerint egyetlen plugin létezik hozzá, az úgynevezett Yandex térképek WordPresshez, amely a megadott linken ingyenesen letölthető. Telepítése és aktiválása szabványos módon történik.

Az egyetlen dolog, ami úgy néz ki, hogy kissé elavult, és működéséhez továbbra is meg kell adni az API kulcsot, aminek megszerzésének módját egy kicsit magasabbra írtam. Ezt a kulcsot meg kell adnia a "Plugins" oldalon - "Yandex Maps". Ezt követően a cikkek létrehozására vagy szerkesztésére szolgáló oldalakon az adatbeviteli űrlap alján találja a Yandex Maps kódot.

A felső mezőben adja meg a felirat címét, amely a diagram kívánt helyére mutat. Ezután adja meg annak a helynek a címét, ahol a mutató nyíl fog kinézni. Ezután kitölti a mezőt egy leírással, beállítja a beszúrt térkép méreteit vízszintesen és függőlegesen, és egy pipát is tesz, hogy megjelenjen a lépték megváltoztatásához és a típus kiválasztásához (séma, műhold stb.) tartozó lépték.

Ezután mozgassa a kurzort (kattintson az egérrel) arra a cikkre, ahová a Yandex térképet be szeretné illeszteni, és kattintson a "Térkép küldése a szerkesztőbe" gombra. Ennek eredményeként valami ehhez hasonlót kapunk:

Igaz, nincs nagyítással és kártyatípus választással rendelkező panel, de egyébként minden korrekt. Mutatnak egy képernyőképet egy másik blogomról, mert ebben volt egy kis ütközés a CSS stílusokkal (az én hibámból), amit most nem akartam javítani.

A Joomlához számos kiterjesztés létezik ebből a típusból, egyiket sem próbáltam még. Ezért egyszerűen felsorolom őket, és hivatkozásokat adok olyan cikkekre, amelyek részletesen leírják a képességeiket, és azt, hogy hogyan lehet őket használni térkép beillesztésére a webhelyére.

Ebben a cikkben egy cikksorozatot szeretnék indítani a Yandex.Maps API-val való együttműködésről. A Yandex.Maps dokumentáció elég komplett, de az információ töredezettség mértéke nagy benne, először belemész a dokumentációba fél liter nélkül nem lehet rájönni, egy probléma megoldására pedig rengeteget költhetsz. időt keres a dokumentációban és a keresőben. Ez a cikksorozat a Yandex.Maps API leggyakrabban előforduló használati eseteire vonatkozó gyakorlati megoldásokról fog beszélni, a cikk írásakor a legújabb, 2.1-es verzió.

Amikor egy telephelyet kódolnak a kapcsolattartási adatokban, gyakran szükség van egy térkép beszúrására, amelyen meg lesz jelölve annak a szervezetnek a helye, amelyhez az oldalt fejlesztik. A legegyszerűbb esetekben ez lehet csak egy képernyőkép online térképekről (vagy nem online):

Interaktív térkép beszúrására térképkészítőt lehet használni
https://tech.yandex.ru/maps/tools/constructor/:

Ha fejlettebb térképhasználatra van szükségünk (saját címkék, térképek programozott mozgatása stb.), akkor ehhez a Yandex.Maps API-t kell használnunk: https://tech.yandex.ru/maps/jsapi/. Példaként a térképek használatára ez a cikk egy térkép létrehozását mutatja be egyéni címkék és buborékok egyszerű hozzáadásával.

Először is kössük össze az API összetevőket:

Ha egy nagy alkalmazást térképekkel fejleszt, akkor jobb, ha egy bizonyos verzió API-komponenseit csatlakoztatja, hogy amikor frissíti az API-t a Yandex oldalon, semmi sem törik meg a termelés során:

A térképet valamilyen blokkban kell elhelyezni, például in div # térkép... Ezután létre kell hozni a térképet ebben a blokkban (miután a térkép és a DOM kész esemény elindult):

ymaps.ready (init); függvény init () (var myMap; myMap = new ymaps.Map ("térkép", (középen: [55.76, 37.64], zoom: 7));)

Itt jelezzük:

blokk azonosító "Térkép" ahol készítünk egy térképet;
központ- a térkép közepe szélességgel és hosszúsággal;
zoomolás- a térkép léptéktényezője.

Alapértelmezés szerint a Yandex.Maps sok felesleges elemet hoz létre, amelyekre a legtöbb esetben nincs szükség a webhelyeken. Alapvetően elegendő 2 feltételt alkalmazni a vezérlőelemekre és a térkép viselkedésére:

a térképelemek közül csak a nagyítási csúszka van jelen;
a térképet nem szabad az egér görgetésével méretezni.

Ezen követelmények teljesítése érdekében kiegészítjük a kódot:

ymaps.ready (init); függvény init () (var myMap; myMap = new ymaps.Map ("térkép", (középen: [55.76, 37.64], zoom: 13, vezérlők:)); myMap.behaviors .disable ("scrollZoom"); myMap. vezérlők .add ("zoomControl", (pozíció: (fent: 15, balra: 15)));)

Itt letiltottunk "ScrollZoom"és hozzáadott "ZoomControl" a bal felső sarokból helyezve el.

Most hozzá kell adnunk egy címkét a térképhez, a cikkhez töltse le a képét a http://medialoot.com/item/free-vector-map-location-pins/ oldalról, és helyezze el a kódban az alábbiak szerint:

Itt deklarálunk egy változót myPlacemark, amelyben a markert írjuk, az első paraméterbe ymaps.Helyjelző megadjuk a címke koordinátáit, és a harmadik paraméterben:

jelezze be ikonElrendezés hogy egyéni címkekép kerül felhasználásra;
iconImageHref- a kép elérési útja;
iconImageSize- feltüntetjük a kép méretét;
iconImageOffset- jelezzük a kép bal felső sarkából a kép pontja felé történő eltolódást, amit megmutatunk a számunkra szükséges tárgynak. Erre azért van szükség, hogy a térkép méretezésekor ne vesszen el a jelölés helye. Miért van az eltolás negatív értékekben feltüntetve - csak Isten ismeri az API létrehozóját.

És át myMap.geoObjects.add () címkét adjon a térképhez.

Most pedig készítünk egy léggömböt, ami a térkép címkéjére kattintva megjelenik, a ballon elrendezését és annak tartalmát a http://designdeck.co.uk/a/1241 oldalról vesszük

ymaps.ready (init); függvény init () (var myMap; myMap = new ymaps.Map ("térkép", (középen: [55.7652, 37.63836], zoom: 17, vezérlők:)); myMap.behaviors .disable ("scrollZoom"); myMap. vezérlők .add ("zoomControl", (pozíció: (fent: 15, balra: 15))); var html = " "; var myPlacemark = new ymaps.Placemark ([55.7649, 37.63836], (balloonContent: html), (iconLayout:" alapértelmezett # kép ", iconImageHref: "http: //site/files/APIYaMaps1/min_marker.png", iconImageSize: [40, 51], iconImageOffset: [- 20, - 47], balloonLayout: "default # imageWithContent", balloonContentSize: [289, 151], balloonImageHref: "http: //site/files/APIYaMaps1/min_popup.png", balloonImageOffset: [- 144, - 147], balloonImageSize: [289, 151], balloonShadow: false)); myMap.geoObjects .add (myPlacemark); )

Itt mi:

v ballonContent adja meg a tartalmat, amely a ballon kinyitásakor jelenik meg;
ballonLayout- jelezzük, hogy egy egyedi kép kerül felhasználásra ballon elrendezésként;
balloonContentSizeés balloonImageSize- tartalom, illetve képméret;
balloonImageHref- a kép elérési útja;
balloonImageOffset- eltolás a bal felső sarokhoz képest;
ballonShadow- a ballon árnyékának letiltása (egyedi képekkel ez nem befolyásol semmit).

(jó dolog), ma ismét a Yandex szolgáltatásáról és a kártyákról fogunk beszélni, csak nem a műanyagról és nem a játékról, hanem a terület térképeiről.

Az a képesség, hogy segítsük az ügyfeleket a megfelelő helyre eljutni, jelentősen hozzájárul az üzletfejlesztéshez, minél többen jutnak el oda, ahol kell, annál nagyobb lesz a bevétel és a profit. Tehát, ha vállalkozása valamilyen módon a földön lévő tárgyakhoz van kötve, akkor feltétlenül helyezzen be egy jó térképet a webhelyre.

Miért van szüksége interaktív térképre?

Kényelmes az ügyfél számára - könnyű megtervezni az útvonalat az összes lényeges változás figyelembevételével, mivel a Yandex gyorsan beírja a javítások és az új fejlesztések adatait a térképére.
Kényelmes a webhely tulajdonosa számára - minden beállítás automatikusan megtörténik a térképen, elegendő a térképet egyszer beilleszteni a webhelyre, majd a frissítéseket maguk a Yandex adatbázisból töltik le.
Növeli a szervezet tekintélyét és a bizalom szintjét. Bár egy ilyen szerkentyűt bármelyik sharazh-montázs iroda elkészíthet, tudatalatti szinten egy interaktív térképpel rendelkező oldal jobban érzékelhető.

A régi időkben irodai címek, átkelési és utazási útvonalak, különféle érdekes tárgyak stb. a térképet ábrázoló képeken jelölve, és rendes jpg vagy png fájllal felkerült az oldalra. A probléma az volt, hogy nem tudták figyelembe venni az átmeneti javításokat, torlódásokat vagy egyéb terepváltozásokat, nem volt lehetőségük különböző irányokból egyedi útvonalakat javasolni.

Az olyan internetes szolgáltatások fejlesztésével, mint a Yandex Maps és a Google Maps, lehetővé vált a térképek élővé - interaktívvá tétele. Ezeket különböző irányokba fordíthatja, módosíthatja a léptéket, beállíthat útvonalakat különböző pontokról, megtervezheti mozgását a forgalmi dugók figyelembevételével és még sok mást.

Napjainkban minden cégnél jó formai szabály, hogy a kapcsolat oldalon kényelmes útbaigazítás szerepeljen.

És annak érdekében, hogy webes erőforrását barátságosabbá tegye az emberek számára, elmondom, hogyan adhat hozzá Yandex térképet a webhelyhez, ez nagyon egyszerűen megtehető egy speciális konstruktor segítségével (nem nehezebb, mint).

Yandex térképkészítő

Ha nincs fiókja a Yandexben, akkor létre kell hoznia egyet, mivel e nélkül nem tud semmit tervezni, a szolgáltatás megkéri, hogy jelentkezzen be vagy regisztráljon. Nem kell félni, a regisztráció egy postafiók létrehozása a Yandexen. Még ha nincs is szüksége rá az e-mail használatához, hasznos lesz más keresőszolgáltatásokhoz, például a Yandex Metrics vagy a Yandex Webmaster számára.

Az eljárás erről az oldalról indul - tech.yandex.ru/maps/tools/constructor/

Mivel ezt a cikket olvassa, ez azt jelenti, hogy először jelentkezik be, és nincs korábban mentett kártyája, csak válassza ki a bal oldali sárga gombot „Új kártya létrehozása”. Ettől a pillanattól kezdve megkezdődik az egyéni térképbeállítások kialakítása a kívánt terepen.

A trükk az, hogy nem csak egy Yandex-térképet illeszthet be a pontos címmel, hanem egy térképet, amelyen tetszőleges számú objektum van kiemelve különböző jelölőkkel és színekkel - objektumok, pontok, útvonalak.

Minden beállítás a látványtervezőben történik, nem kell kódokat szerkeszteni, az adaptációs munka alig tér el a Yandex térképek felhasználó általi szokásos használatától. Kezdjük az objektumok hozzáadásával.

Objektumok hozzáadása

Az első eszköz a keresési űrlap a térkép tetején. Segítségével cím, koordináta vagy név alapján megtaláljuk a kívánt pontot. Írja be a kérés adatait a mezőbe, egy példa "Moszkva, Vörös tér" címmel:

A terepen a Find gomb megnyomása után megjelenik egy pont, amely megfelel a megadott objektum helyének. Sok objektum beilleszthető. Egy példa a Kremlről:

Minden pont úgy konfigurálható, hogy a többi objektumtól eltérjen, és könnyen megkülönböztethető legyen a térképen – változik a szín és a forma, illetve a „Tartalom” legördülő menüre kattintva egyedi ikont is felvehetünk a belsejébe. Ez akkor kényelmes, ha sok objektum van a létrehozandó térképen, és különböző csoportokba sorolhatók.

A térképen jelölt összes cím listája a bal oldalon található.

A skála és a pozíció megváltoztatása

Az elrendezés bal felső részén található "+" és "-" billentyűk segítségével beállíthatja az optimális léptéket. Moszkva központjában való mozgáshoz nincs szükség Oroszország teljes térképére, és ha egy pontobjektumot jelöl meg egy városban, jobb, ha a léptéket olyan szinten állítja be, ahol az utcák és a környező házak nevei megkülönböztethetők.

A térkép különböző irányokba történő mozgatásához meg kell ragadnia a bal egérgomb megnyomásával, és el kell mozgatnia a kívánt helyre.

Tárgykörvonalak (sokszögek) és vonalak

Ha a térképen bármely elem körvonalait ki kell választani, amikor a pont nem elég, használja a "Sokszögek" eszközt. Egy-egy pont beállításával egy bizonyos színnel kitöltött kerületet kapunk belül.

Tetszőleges számú pont lehet, ezért a térképre festett forma bármilyen bonyolultságot megenged. A kontúr felépítését az utolsó beállítási pontra kattintva vagy a konstruktor bármely más gombjára (például egy vonalra) váltva befejezheti. Megjelöltem a moszkvai Kreml körvonalait a fala mentén:

A vonalakat a "Vonalok" gombbal húzzuk meg. Minden művelet hasonló az előző eszközhöz, csak a pontok közötti tér nincs átfestve. A Yandex térképen lévő vonalak segítségével forgalmi útvonalakat rajzolhat (átjáró, átjáró).

Így megmutathatja a városnézés optimális útvonalát.

Erősítse meg a végpontot ismételt kattintással, ekkor megjelenik a "Törlés" / "Befejezés" menü. A vég kiválasztása után megnyílik egy mező a végpont feliratozására és a vonalparaméterek (vastagság, szín, átlátszóság) beállítására.

Az útvonalat a „Befejezés” gombra kattintva teljesítjük.

Térképnézet és forgalmi dugók

Az utolsó simítás, amivel különleges tulajdonságokat adhat a kártyának, a forgalmi dugók felállítása, erre külön gomb van. Őszintén szólva kétlem, hogy egy ilyen lehetőségre gyakran lesz kereslet az oldalra beillesztett térképek esetében, mivel az emberek gyakran használnak navigátort az autóval való mozgáshoz, mint a beépített térképeket.

De jól jöhet az üzemmódváltás az áramkör, a műhold és a hibrid között.

A műholdkép adja meg a környező objektumok valódi megjelenését, és könnyebb felismerni őket egy ilyen térképen, mint egy diagram sematikus téglalapja.

Cím és leírás

Ahhoz, hogy a jövőben visszatérhessünk az elkészített térképhez, hogy kijavíthassuk, vagy újra megkaphassuk a beágyazási kódot, ki kell találnunk neki egy nevet és leírást, majd el kell mentenünk.

Kártyakód az oldalra való beillesztéshez

A térképünk már készen van, és most be kell szereznünk a kódját, hogy beágyazzuk az oldalra, a Yandex lehetővé teszi a következőket:

egy interaktív térkép (amiről már az elején beszéltem);
statikus - közönséges kép, csak trükkös kóddal, semmi sem mozgatható benne, ráadásul az objektumok maximális száma korlátozott;
nyomtatott - kiváló minőségű képfájl, nem minden ország támogatott, elsősorban a FÁK és Törökország, a műholdas és hibrid verziók nem támogatottak.

A köztük lévő választás a mentés után azonnal megjelenik.

A végső méret pixelben ugyanabban a menüben állítható be. Beállíthatja manuálisan vagy a sarkok mozgatásával a kiválasztott területen a jobb oldalon. A "Szélességre nyújtás" jelölőnégyzet azt eredményezi, hogy a térkép a webhely teljes területét elfoglalja, és a blokk szélein nyugszik, ahol megjelenik.

Ebben a szakaszban vissza lehet térni a térkép szerkesztéséhez, az ablak bal felső részében egy nyíllal ellátott felirat található.

A végső kód a "Kártyakód kérése" gombra kattintás után jelenik meg, az enyém így néz ki:

A nyomtatott térkép kiválasztásakor hozzáadódik a fájlformátum kiválasztása - png vagy jpg, és ennek megfelelően a kód nem lesz - helyette a letöltés gomb jelenik meg. Egy ilyen fájl az oldalra is beilleszthető, csak fel kell töltenie a tárhelyre, és ha az oldala nem rendelkezik vizuális szerkesztővel, akkor ki kell írnia a képet HTML címkékkel (src)

Hogyan lehet Yandex térképet beilleszteni egy webhelyre

Megkaptuk a kódot, most át kell vinnünk a webes erőforrásunkba. Bármely hely alkalmas elhelyezésre, a lényeg az, hogy a méretek illeszkedjenek. Ha konstruktorokat vagy vizuális szerkesztőket használ, ne felejtse el szöveges (HTML) módba kapcsolni a kód beillesztésekor. Mint ez:

Az általam készített térkép

Az összes elvégzett beállítás után a következőket kaptam:

Ez az elem mindenki számára kényelmes - és a szükséges objektumok kiemelésre kerülnek, és a skála a várt módon kerül kiválasztásra. Ezenkívül a Yandex szolgáltatás lehetővé teszi a felhasználó számára, hogy meghatározza tartózkodási helyét (nyíl a bal felső sarokban), és egyéni útvonalat hozzon létre a kívánt ponthoz.

A jobb felső sarokban található gomb két, különböző irányban eltérő nyíl formájában lehetővé teszi a térkép teljes képernyős megjelenítését. Most a bővítményekről.

Bővítmények a WordPresshez és más CMS-ekhez

Korábban nehezebb volt térképeket készíteni, és sokan speciális bővítményeket használtak erre a célra, például a WordPress esetében volt ilyen - Yandex Maps for WordPress. Most már nincs szükség API-kra, és minden minimális tudással rendelkező felhasználó kitalálja, hogyan kell mindent beállítani, így nem látom értelmét a bővítményeknek. A fenti plugin megerősíti ezt - több mint 2 éve nem frissítették, úgy tűnik, nincs kereslet.

Ha akarod helyezzen be egy jó térképet az oldalra a hely megjelölésével, például az iroda, raktár, majd használjon olyan jól ismert webes eszközöket, mint pl. webhelytérkép a Yandextől vagy oldaltérkép a Google-tól.

Ebben a cikkben elmondjuk, miért és hogyan kell beilleszteni a Yandex térképet a webhelyre.

Így néz ki például a Yandex térkép, amelyet beszúrtunk a bevásárlóközpont weboldalára. Lehetett volna részletesebb is, házképekkel a diagramon, de ebben az esetben fontosabb volt a bevásárlóközpont helyét a legközelebbi falvakhoz viszonyítva feltüntetni, ezért egy kis léptéket választottak.

Mire való az oldaltérkép?

Elmosolyodhat, miután elolvasta ezt a költőinek tűnő kérdést. „Szükség van egy térképre, hogy a látogatók tudják, hol vagyunk” – ez egy egyszerű válasz, túl egyszerű ahhoz, hogy megértsük a térkép szerepét, különösen egy kereskedelmi webhely esetében. Íme néhány fontos szempont a térkép webhelyen való elhelyezésével kapcsolatban:

Különös figyelmet kell fordítani: a kártya jelenléte nagymértékben növeli az erőforrásba vetett bizalom mértékét. A cég, iroda, üzlet helyének vizuális megjelenítése tudat alatt felszabadítja a potenciális ügyfelet (feloldja a félelmeket, mint pl.: "mi van, ha csalnak és eltűnnek?"), Ami azt jelenti, hogy növeli annak valószínűségét, hogy az oldal látogatója lesz. az igazi ügyfele.
Az interaktív térkép jelenléte (szemben a térképes képpel) lehetővé teszi a felhasználó számára, hogy jobban tájékozódjon a terepen, lássa a legközelebbi metrót, az autósok pedig ellenőrizzék az útvonalat az objektum távoli megközelítésein. Ezenkívül az interaktív térkép lehetővé teszi a terep megtekintését az űrből.
Nos, természetesen szükség van egy térképre az oldalon, hogy az oldal látogatói és ügyfelei tudják az Ön üzletének, irodájának, raktárának helyét.

Yandex térkép beszúrása egy webhelyre (lépésről lépésre)

Használni kell Yandex.Maps API konstruktor.

Ebben a cikkben egy hozzávetőleges, lépésről lépésre szóló utasítást adunk, amely reményeink szerint segít beilleszteni a Yandex térképet a webhelyére:

1. lépés: A webhely Yandex térképének kezdeti beállítása:

Nyissa meg a webhely Yandex.Maps tervezőoldalát.
Keresse meg a kívánt földrajzi helyet a térképen cím alapján vagy manuálisan (a méretezési csúszka és a térkép egérrel történő mozgatása).
Válasszon olyan mérleget, amely kényelmes a munkájához. A végső skálát jobb a munka végén beállítani. Címkéket rajzolunk a térképre, vonalakat (bekötőutak) és épületek vagy területek körvonalait.
Írja be a jövőbeli kártya nevét a megfelelő mezőbe.
Térjünk át a szerviz eszköztárra: gombok a pontok (címkék a térképen), vonalak, sokszögek (kontúrok) és térképméretek rajzolásához.

2. lépés: Pontok (jelek) rajzolása a térképen:

Kattintson a gombra a pontok rajzolásához.
Jelet (pontot) teszünk a szükséges helyre. Például az irodaházán. A Yandex webhelytérképe lehetővé teszi, hogy ne egy, hanem több címkét szúrjon be (például ha több üzlete, raktára vagy irodája van).
Folytatjuk a telepített címke tulajdonságainak beállításával (szöveg beillesztése, színválasztás stb.).

3. lépés: A térképre telepített címke tulajdonságainak konfigurálása:

Közvetlenül az általunk rajzolt címkére kattintunk.
A megnyíló ablakban válasszuk ki a számunkra szükséges tulajdonságokat (szín, címke száma a térképen), írjuk be tetszés szerint a szöveget (később a címkére kattintva a felhasználó láthatja a szöveget).
Bármely címke eltávolítható a megfelelő tulajdonságok mezőben.
Tehát beszúrtuk az irodája címkéjét a webhely Yandex-térképére, beállítottuk a tulajdonságait, és most folytatjuk a vonalak rajzolását. Például az irodába vezető út vonalai.

4. lépés: Vonalak rajzolása a térképen:

Kattintson a vonalrajz gombra.
A térképre kattintva bármilyen pálya vonalláncát kapjuk. Használható bármilyen objektum körvonalazására, vagy útvonal rajzolására az objektum megközelítéséhez.
A négyzet alakú és kerek fogantyúk mozgatásával szerkesztheti a vonal alakját.
A címkékhez hasonlóan, ha rákattint a vonalra, megjelenik egy tulajdonság ablak, amelyben beállíthatja a vonal színét, vastagságát, átlátszóságát, valamint beírhatja a felhasználó számára megjelenő szöveget.
Most térjünk át a sokszögek rajzolására.

5. lépés: Körvonalszínnel kitöltött sokszögek rajzolása:

Kattintson a gombra a sokszög rajzolásához.
Ellentétben a vonalakkal, amelyek bármely sokszög körvonalazására is használhatók, ezek a sokszögek kitöltött középső körvonalak.
A térképre kattintva bármilyen kitöltött sokszöget megrajzolhat. A rajzolás, a szerkesztés és a tulajdonságok beállításának technikája ugyanaz, mint a vonalak rajzolásakor.
Most térjünk át a térkép átméretezésére.

6. lépés: A webhelytérkép átméretezése:

Kattintson az átméretezés gombra.
A négyzet alakú fogantyúkat a térkép körvonala mentén mozgatva átméretezheti a kívánt méretre. Ez egyszerű.
Tovább a végső térképkészítésre.

7. lépés: A webhely térképkódjának beszerzése (Yandex):

A térkép végső kinézetét a végső méretarány és a végső pozíció (koordináták) beállításával adjuk meg.
Ebben a szakaszban a webhely (Yandex) térképének létrehozása befejezettnek tekinthető. Kattintson a nagy sárga gombra "Mentés és kérje le a kódot".
A térkép mentése után is bármikor visszatérhet a szerkesztéshez.
Felhívjuk figyelmét, hogy a térkép nemcsak diagram lehet, hanem fénykép is az űrből, hibrid vagy a „Néptérkép” eleme.
Ezenkívül szabadon elkészítheti a térképet interaktívvá vagy egyszerű képpé. Az interaktív térkép érdekesebb, funkcionálisabb, de hosszabb ideig képes betölteni, mint egy egyszerű kép. A választás a tiéd.
A Yandex térképet beillesztheti webhelyébe, ha elhelyezi a térkép html kódját az oldalon a kívánt helyre.

Köszönet minden olvasónak, aki érdeklődik lépésenkénti útmutatóink iránt.

Egy webhely térképének készítése a Yandex segítségével egyszerű, nem igényel különleges ismereteket és készségeket a webhelyépítés sokkal összetettebb problémáinak hátterében. Ha webhelye létrehozása során komolyabb nehézségekbe ütközik, forduljon hozzánk. Mindent megteszünk, hogy megoldjuk problémáit!

Ha tetszett az utasításunk, ajánlhatja barátainak, ismerőseinek. A "közösségi gombok" a jobb oldalon találhatók. Ez a mi kis önérdekünk.