Online térképek - hogyan adhat hozzá egy térképet a honlapon

Online térképek - hogyan adhat hozzá egy térképet a honlapon
Online kártya - külön webes szolgáltatások virtuális térképe a világ. Az online térképek ugyanazt a jelölést használja, mint a valós világban, azonban az utóbbi előnyösen különböznek abban, hogy van egy egyedi méretű és hajlamosak végre navigációs funkciókat. Egy további előnye az online lapok, hogy ők is elérhető szinte bármilyen eszköz csatlakozik az internethez.







Szinte minden modern online térképek, van egy másik jellemzője. Legtöbbjük lehetővé teszi a felhasználó számára, hogy saját jegyzeteket és megoszthatja azokat másokkal. Ez a képesség gyakran használják ma a különböző online boltok és cégek a saját honlapjukon.

Az alábbi cikkben nézzük meg néhány példát a kiegészítéssel, online térképek a honlapon, és megmondja, hogyan kell hozzáadni a jegyzeteket a térképen, és felhívni tőlük a legnagyobb hasznot.

Hogyan adjunk egy térképet a honlapon

Ha hozzá szeretne adni a hely térképét a Google vagy a Yandex saját címkéket, akkor azt fogja mondani, hogyan kell csinálni.

Modern online térképek tökéletesen megoldani minden problémát, amelyben meg kell, hogy a felhasználó egy adott helyen, és ad nekik egy rövid háttérben. Ezért, ha - a tulajdonos a helyszínen, ami egy igazi üzlet, akkor biztos, hogy fordítson figyelmet a technológia, ami lesz szó a mai cikkben.

Hogyan kell behelyezni kártyák

Ezen felül, sőt, a Google és Yandex van egy sor olyan szolgáltatást, amely lehetővé teszi, hogy tegye a jelet a térképen. Róluk, mi is fogja megmondani, de kevésbé részletesen. Most arra összpontosítunk, amit megtehetnek alapvető térképészeti óriások.

Bélyegét a Google térképen

Ez a szolgáltatás lehetővé teszi a felhasználó számára, hajtsa végre a következő műveleteket:

  • add címkék leírások és fényképek;
  • útvonaltervet kell mérni a távolságot a pont;
  • Draw tetszőleges vonalat, a távolság mérésére és formált terület zárt számok.

A kezdőoldalon a szolgáltatás térképek listájának korábban létrehozott (üres is lehet), és a gomb „Új térkép létrehozása”. Vele és elkezdenek dolgozni. A kattintás után látni fogja az ismerős guglokarta egy kicsit szokatlan ellenőrzéseket. Vegyük el figyelmesen:

Meg kell figyelni, hogy a kis gomb „alaptérkép” az oldalsávon. melynek segítségével meg lehet változtatni a stílusát a kártyát (például jobban szeretem a stílusát „Szputnyik”).

Melyik kell jegyezni, hogy állítsa be a jelet a térképen, válassza ki a kívánt területet, és a skála, amelyen dolgozunk, majd aktiválja az eszközt „Add Marker”, és mi nyomja a lényeg. Látni fogja, egy kis marker, és több mint a pop-up ablak két szöveg beviteli mezők: a marker neve és leírása:

A mentés után a bevitt nyers adatokat a címke kerül majd az éppen aktív réteg, akkor számos új funkciót annak beállítását. Először is, az oldalsó panelen fenti a címke egy szakasza lesz „egyedi stílus”. Ha rákattint, akkor kiválaszthat egy aláírást, amely megjelenik bárhol marker. Ennek kézjegye lehet név, vagy csökken egy sort leírást.

Másodszor, az új eszközök jelennek meg a pop-up ablak fölött a marker hozzá. Amellett, hogy leírja változás, meg tudod változtatni a megjelenését a marker, válasszon egyet a szabványos ikonok, vagy akár feltölteni bármilyen fotóit ( „Egyebek” gomb - „Felhasználói ikon”). Szintén a segítségével egy külön gomb a feltölthető fotók és megjeleníteni a leírás ablakban. És végül ott van a lehetőségét, hogy egy útvonal egy pontja és egy másik cél hozzáadott az utolsó előtti gomb. Ennek eredményeként, akkor kap valami ilyesmit:

Szeretnék egy kicsit a kérdését optimalizálása a generált kód:

Az a tény, hogy az alapértelmezett plug-in a keretben a kártya egyértelműen meghatározott méretekkel rendelkezik. Ma, igaz, hogy nem, ahol csak lehetséges, az adaptív vorstku amely automatikusan alkalmazkodik a képernyő mérete. Szerint a HTML szabványokat a keretet nem adja meg a szélesség és a magasság, mint egy százaléka, így a kód jobb eltávolítani ezeket a lehetőségeket egyáltalán, hogy helyettesítsen bármely CSS-osztály, és a méret beállítása után CSS vagy belső stílusok:







1. lehetőség: A osztály (pontosabban)

Így akkor kap egy szép és funkcionális érvényesen ki adaptív Google térkép honlapján:

Bélyegét Yandex térképet

Mint a „Saját térképek” interfész van osztva oldallap, amely megjeleníti a címkék hozzáadása és térkép beállításait, valamint a funkció gombok a tetején, amelyen keresztül felveheti a térkép címkéket. Lehetőségek itt, bár egy kisebb. Mi adhat egy szabványos markerek (és ha a forma ikonok, csak aláírása nélkül), húzzon egy vonalat (analóg irányítható térképek) és sokszög. Az egyetlen újdonság, hogy nem volt a Google képes megjeleníteni a forgalmi dugókat. De ez csak akkor igaz, a nagy városokban.

Az algoritmus ugyanaz, mint a „Saját térképek”. Mi megtaláljuk a megfelelő területet a térképen, aktiválja az eszközt „címkék”, és kattintson a Hozzáadás a marker a megfelelő helyre. A felugró ablakban megadhatja a színe a marker, típusát ( „vessző”, vagy a „pont”), valamint egy kis fűszer szöveg vagy egyéni ikonok (ebben az esetben az aláírást nem látható). Amellett, hogy az aláírás, ami látható lesz a jogot a címkén, akkor adjunk hozzá egy rövid leírást, amely akkor jelenik meg, kattintson a marker.

Hozzáadása után címkék kötni a hasonlóság útvonalon. Ahhoz, hogy aktiválja ezt a szerszámot „vonal”, és felhívni a rögzítési pontok az útvonal a jövőben. Mert a vége az utolsó pont, kattintson újra, és válassza az „End”. Furcsa módon, ez a funkció, van egy pár előnnyel Google útvonalakat. Először is feküdt a vonal lehet, még akkor is, ha nincsenek utak, amely lehetővé teszi, hogy építsenek egy gyalogos út pontosabban, másrészt az oldalsáv a hossza a kész vonal, ami szintén nagyon kényelmes.

Alapvetően ez az. Ahhoz, hogy a kártya kódot a címkéket, kattintson a gomb melletti „Mentés és folytatás” (oldalsáv alább), és a nyitott ablakon, méretének beállításához a látható része a térkép. Alkalmazkodóképesség ajánljuk aktiválja a „Stretch szélesség”. akkor lesz elég ahhoz, hogy nyomja meg a „jelszó kérése kártya”:

Más online térképek

A Google és Yandex, természetesen, a favoritok hazánkban. Ugyanakkor a tengerentúli számos tisztességes szolgáltatásokat használja ugyanazt a Google Maps vagy a saját, és lehetővé teszi, hogy alkalmazzák nemcsak a címkéket, hanem hozzon létre teljes értékű bemutatása útvonalak! Röviden beszélni néhány közülük.

OpenStreetMap (OSM)

OpenStreetMap térképeket több mint helyszínen terveket. Nincs részletes teszi a táj és házak, de mégis, ez az egyetlen online térképek, amelyek teljesen által létrehozott valódi emberek, és ami képes uralkodni magát. Aktivitásának köszönhetően az OSM térképek felhasználók bizonyos területeken a bolygó jelenik meg, még pontosabb információkat, mint guglokarty (bár ez nem mindenhol)!

Ami a funkciókat, akkor itt van hozzáférése a létesítményhez címkék leírással és a rajz útvonalakat. És ha van egy GPS-nyomkövető, útvonal adatok exportálhatók közvetlenül a kártya vele. Van OpenStreetMap térképeket és fejlett szerkesztési mód. Ebben az üzemmódban az alapja a megjelenítő Bing Maps, és tudod, hogy azok bármilyen megjegyzést, vonalakat és alakzatokat, mint a „Saját térképek” Google. Minden változás kap tárolt megosztott térképen, ezért legyen óvatos, ha bármilyen változtatást, hogy ne vezesse félre a többi felhasználó szándékosan hamis információkat!

Ez a szolgáltatás lehetővé teszi, hogy a hordozó használható a kártya a legnépszerűbb erőforrások (beleértve a Google és OSM), és a tetejükön már telepített számos címkék, formák, utak és még egy képet vagy szöveget címkéket. Röviden, ha szüksége van, hogy feltérképezzük a sok a legfontosabb információ ScribbleMaps térképek segíthet ebben.

Meg kell azonban jegyezni, hogy vannak ebben a szolgáltatást és a több negatív aspektusait. funkcionális része csak a díj alapja az úgynevezett VIP-felhasználók számára. De, elvileg nem kell beszúrni a címkéket és a képeket nem lehet „Vipom”. És még inkább -, hogy hozzon létre egy térképet és a kódot illessze be a helyszínen is lehet regisztráció nélkül! Itt egy ellentmondásos :)

Ha hirtelen akarjuk mutatni, hogy a látogatók nem csak egy hely a térképen, valamint annak bizonyítására, hogy az út, akkor ez segíthet szolgáltatás AniMaps:

AniMaps lehetővé teszi hozzá a hagyományos Google Térkép az útvonal, és mozgassa meg, hogy megjelenjen bizonyos képeket vagy szöveget magyarázatot. A mozgási sebességét egy útvonalat, akkor a beállítást a kurzor a progresszió az idő a térkép felett. Az eredmény a munkát automatikusan megjelenik az útvonal „megáll” a kiválasztott területen.

Hozhat létre útvonalak és csak regisztrált felhasználók alatt, regisztráció nélkül, de hogy a kódot illessze a webhelyen.

Helyezze be a kártyát, hogy a honlap nem lesz nehéz, ha előre tudják, minden szükséges szolgáltatás erre a célra. Nem szükséges, hogy egy programozó, vagy tegye az IT-szakember - minden történik egy vizuális módban! A kilépés akkor mindig kész kódot, amelyet egyszerűen behelyezhető a szöveg az oldalon a webhely anélkül, hogy telepíteni különleges plug-inek.

Hadonászó ugyanaz legalább az alapvető ismeretek terén az internetes technológiákat, akkor javíthatja egy kis kódot kapott kártyákat, így adaptív (például abban az esetben a Google), vagy olyan további elemeket (mint a Yandex). Ugyanezzel a segítségével számos külföldi online térképészeti szolgáltatásokat, akkor lepje meg a felhasználók még animációk a kártyákat! De az érdekes az ajánlat, annál több ügyfelet vonzani fogja;)