Ami a saját térképek segítségével api - szórakoztató web-térképkészítés

Sokan kíváncsiak, hogyan lehet használni a Yandex.Maps API, hogy saját térképeket?

Néhány megjegyzés a blogján, azt meg fogja vitatni ezt a kérdést részletesen.

A saját térképeket van egy különleges besorolású YMaps.MapLayer. amelynek célja, hogy hozzon létre egy egyéni réteg a kártyát.

Ez meghatározza az adatforrást a térképen réteg segítségével YMaps.TileDataSource osztályban.

A kivitelező az ebbe az osztályba a következő paramétereket:

tileUrlTemplate - egy sablont, amelyre építeni egy cserép url;

isTransparent - Letöltött lapok átlátszó;

isPng - letölthető kép csempe png formátumban.

És így, az elején, az adatokat kell készülnie, hogy saját térkép rétegek.

A forrás kell használni a bitmap képviselt több mérlegek, amelyek mindegyike darabokra vágjuk mérete 256 256 pixel.

Fájlok képpel szeleteket átnevezni kell. mint például a cserép-zum-num.jpg

Ott zum - skála szinten száma - több cím érdekében.

Megmutatom, hogyan lehet építeni a képet Yandex.Maps kezelőfelületet egy konkrét példát.

Képként azt használja a fotó az autó Porsche Cayenne mérete 1600x1200 pixel.

Használja ezt a szolgáltatást nagyon könnyen.

Egy bizonyos idő elteltével (az időtartam függ a méretétől, a betöltött kép) Az oldalt a betöltött képet a Google Maps felületen.

És a három linkek alján a kép.

Mert én például, ezek a következők:

Az én esetemben, a fájl tartalmát:

Most meg kell írni a kódot, hogy letölthető címek meghatározott Yandex.Maps felületen.

Itt egy példa kód:

map = új YMaps.Map (document.getElementById ( «YMapsID»));

myData.getTileUrl = függvény (cserép, zoom)

visszatérés this.getTileUrlTemplate () + «tile-» + zoom + «-» + (tile.y * Math.pow (2, zoom) + tile.x) + «.jpg»;

Fogom elmagyarázni, hogy mit kell figyelni itt.

Vonal map.setCenter (új YMaps.GeoPoint (0,0), 1); meghatározott térkép közepén az első skála szintet.

Mi a megfelelő szabályozást a kialakulása egy fájlnevet a konkrét címet a megfelelő szintű skála.

És map.setType (új YMaps.MapType ([új YMaps.MapLayer (myData)], 'példa kártyát')) vonal; hogy meghatározza egy új típusú kártya neve a kártya például ugyanazon a helyen mutatunk be egy határt a nagyítási szinten 1-3.

Betöltése például egy böngésző, és nézni az eredményeket

Tekintse például akcióban itt.

Hozzászólás navigáció

Mi a minta kód nem működik, és minél többet néz a képet ingatlan?

És hogyan lehet meghatározni a koordinátáit a térképen? Azt akarom, hogy azonosítani néhány tárgyat a térképet a város segítségével egy törött gmapupload.com

Tartsuk az utolsó kérdés. Hogyan állapítható meg a koordinátákat a térkép, amely betöltésre ??

Mondja, az így létrehozott térképet, akkor valahogy pont, hogy egy objektum leírását?

Címkék leírása lehetséges, hogy egy hagyományos módon, mint térkép épült az API használatával Yandex.Maps. Az egyetlen probléma - koordinaty.Tsentr található a koordinátákat 0,0. Meg kell újraszámolni a koordinátákat.

Köszönjük! Nagyon hasznos.