Adăugați un marker pe hartă utilizând API-ul - divertisment web-cartografie

Acum vom adăuga un marcator de pe hartă pentru a indica obiectul, de exemplu, nota pe harta Nijni Novgorod, în cazul în care este de Operă și Balet. AS Pușkin.

În primul rând trebuie să știți coordonatele.

Pentru a adăuga un marcator pe hartă care aveți nevoie în codul nostru pentru a adăuga trei linii:

Punct de var = new YMaps.GeoPoint (44.017152,56.315455);

var marcatorului = new YMaps.Placemark (punct);

În primul rând am stabilit coordonatele markerului.

În linia următoare, vom trece la constructorul YMaps.Placemark locul geografic, și poate lua o listă de parametri care trebuie să fie aplicate în acest moment.

A treia linie adaugă o etichetă pe card.

Tag-uri sunt interactive, ele pot fi folosite pentru a faceți clic și pentru a muta.

În mod implicit, etichetele sunt de așteptat eveniment «click», în care ascultătorii eveniment pot fi, de exemplu, arată un balun (caseta de informații).

de exemplu, cod complet:

Descărcați această pagină în browser-ul dvs., vom vedea

Pentru etichete, puteți specifica o pictogramă care va fi afișată în loc de pictograma implicită.

Pictograma constă dintr-un număr de imagini suprapuse.

Pentru a crea o pictogramă trebuie să specificați o imagine pentru pictogramă, dimensiunea acesteia și offset-ul din poziția etichetei.

Cele mai simple pictograme sunt bazate pe stiluri standard built-in API.

Pentru pictogramele sunt diferite culori.

Unele pictograme simple, încorporate în API Yandex.Maps:

Pictograma etichetă puteți plasa conținut în format text.

Pictograme standard vergeturile în lățime și înălțime în funcție de conținutul.

Icoana este întinsă la o anumită valoare, care este înregistrată ca implicit.

Cu conținutul pictogramei mărcii poate fi modificată prin setIconContent () metoda

De exemplu, placemark.setIconContent ( «Opera");

și puteți seta o pictogramă personalizată pentru etichetă.

Acest lucru se face folosind clasa YMaps.IconStyle.

Pentru a crea o nouă pictogramă, trebuie să creați un nou stil folosind YMaps.Style clasa constructor.

Această clasă conține un set de date, care definesc apariția diferitelor obiecte, care sunt plasate pe hartă, în stil special, pentru a afișa pictograma.

De asemenea, posibil să fie nevoie de referință pictograma stil umbre.

După aceea poate fi utilizat.

De exemplu, creați o pictogramă pentru a identifica Tetra.

var s = new YMaps.Style (); - să definească stilul

s.iconStyle = new YMaps.IconStyle ();

s.iconStyle.offset = new YMaps.Point (-15, -15); - să definească pictograma de compensare din punctul de locație de Tokko

s.iconStyle.href = «fișiere / theater.png»; - o pictogramă fișier imagine

s.iconStyle.size = new YMaps.Point (30, 30); - cere dimensiunea pictogramei

Schimbarea liniei var marcatorului = new YMaps.Placemark (punct);

adaugă stilul creat

var marcatorului = new YMaps.Placemark (punct);

Schimbarea ca centru hartă

map.setCenter (nou YMaps.GeoPoint (44.017152,56.315455), 15, YMaps.MapType.MAP);

Pagini modificate într-un browser

Codul de corecție completă