Новые значки для меток в API Яндекс.Карт

Автор: | 18.10.2009

16 октября 2009 года вышла новая версия API Яндекс.Карт 1.1.5, подробности смотрите по ссылке.

В этой версии расширена библиотека стандартных значков, добавлены новые 64 значка на различные тематики.

Полный список значков и ключей стилей опубликован в справочнике.

Рассмотрим на нескольких простых примерах их использование

Используем значок «default#teatherIcon» для обозначения театра оперы и балета в Нижнем Новгороде

Полный код примера:

<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html" />
 
<script src="http://api-maps.yandex.ru/1.1/?key=
 
AKgqHEkBAAAA-WzMYwIAeAeamm8ETZZZpdfp2R07eIuGyX4AAAAAAAAAAACjUCDoHIHZJ2pcl5mSL1zWVp2Myw=="
 
type="text/javascript"></script>
 
<script type="text/javascript" charset="utf-8">
 
var map;
 
function init () {
 
map = new YMaps.Map( document.getElementById("YMapsID") );
 
map.setCenter(new YMaps.GeoPoint(44.017152,56.315455), 17);
 
map.addControl(new YMaps.TypeControl());
 
map.addControl(new YMaps.ToolBar());
 
map.addControl(new YMaps.Zoom());
 
var point = new YMaps.GeoPoint(44.017152,56.315455);
 
var placemark = new YMaps.Placemark(point, {style: "default#teatherIcon"});
placemark.setBalloonContent('Оперный театр им. А. С. Пушкина');
map.addOverlay(placemark);
 
}
 
</script>
 
</head>
 
<body onload="init();">
 
<div id="YMapsID" style="height:400px; width:600px;"></div>
 
</body>
 
</html>

Новые значки пример-1

Посмотреть пример в действии.

И еще один небольшой пример.

Используем значок обозначения баров «default#barIcon» , файл с изображением расположен по адресу http://api-maps.yandex.ru/i/0.3/icons/bar.png и имеет размеры 27px × 26px.

Обозначим данным значком бары из xml-файла bars-nn2.xml и отобразим его содержимое на карте.
Посмотреть содержимое файла bars-nn2.xml

Новые значки пример-2

Посмотреть пример в действии.

Новые значки для меток в API Яндекс.Карт: 1 комментарий

  1. adf

    Что то так и не понял, иконку можно вставить, только поправив код?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *