Добавяне на маркер на картата с помощта на API - развлекателни уеб картографиране

Сега ще добавим маркер върху картата, за да се посочи предмета, например, бележката на картата на Нижни Новгород, където е оперен и балетен театър. AS Пушкин.

Първо трябва да знаете координатите.

За да добавите маркер за картата, която желаете в нашия код, за да добавите три линии:

Var точка = нов YMaps.GeoPoint (44.017152,56.315455);

Var показалец = нов YMaps.Placemark (точка);

В първия ред ние се координатите на показалеца.

В следващия ред, преминаваме към конструктор YMaps.Placemark мястото на географски, и това може да отнеме списък на параметрите, които трябва да се прилагат в този момент.

Третият ред добавя етикет към картата.

Маркерите са интерактивни, те могат да бъдат използвани, за да кликнете и да се премести.

По подразбиране, етикети се очаква събитие «кликнете», в която слушателите на събитието могат да бъдат, например, показват балун (информация карето).

Пълен код, например:

Изтегляне на тази страница в браузъра си, ще видим

За етикети, можете да укажете икона, която ще се появи вместо иконата по подразбиране.

Иконата се състои от няколко насложени една върху друга изображения.

За да създадете икона да посочите изображение икона, неговият размер и офсет от позицията за етикета.

Най-простият иконите са базирани на стандартните стилове, вградени API.

За иконите има различни цветове.

Някои прости икони, вградени в приложния програмен интерфейс на Yandex.Maps:

Иконата на етикет можете да поставите текст съдържание.

Стандартни икони стриите в ширина и височина в зависимост от съдържанието.

Икона се разтяга до определена стойност, която е регистрирана по подразбиране.

Със съдържанието на иконата на марки могат да се променят чрез setIconContent () метод

Например, placemark.setIconContent ( «Опера");

и можете да зададете потребителска икона за етикета.

Това се прави с помощта на YMaps.IconStyle клас.

За да създадете нова икона, трябва да създадете нов стил с помощта YMaps.Style клас конструктор.

Този клас съдържа набор от данни, които определят облика на различни обекти, които са поставени на карта, в определен стил за показване на иконата.

Може да се наложи да позоваване икона стил сенки.

След това може да се използва.

Така например, създаване на икона, за да се идентифицират тетра.

Var S = нов YMaps.Style (); - да определи стила

s.iconStyle = нов YMaps.IconStyle ();

s.iconStyle.offset = нов YMaps.Point (-15, -15); - да определи икона компенсира от точката на местоположението на Tokko

s.iconStyle.href = «файлове / theater.png»; - икона на файл с изображение

s.iconStyle.size = нов YMaps.Point (30, 30); - питам размера на иконите

Промяна на линия Var показалец = нов YMaps.Placemark (точка);

добави създадените стилове

Var показалец = нов YMaps.Placemark (точка);

Променете като центъра на картата

map.setCenter (нов YMaps.GeoPoint (44.017152,56.315455), 15, YMaps.MapType.MAP);

Променени страници в браузъра

Пълен корекция код