Никак не могу заставить отображаться собственные иконки для Геоточек.
Пример можно посмотреть здесь
Код вот:
map = new YMaps.Map(document.getElementById("YMapsID"));
moscow_center = new YMaps.GeoPoint(37.64, 55.76);
map.setCenter(moscow_center, 12);
map.addControl(new YMaps.Zoom());
Создаю стиль для своих иконок
var s = new YMaps.Style();
s.iconStyle = new YMaps.IconStyle();
s.iconStyle.offset = new YMaps.Point(-22, -30);
s.iconStyle.href = "images/shop_metka.png";
s.iconStyle.size = new YMaps.Point(24, 30);
YMaps.Styles.add("example#customPoint", s);
Создаю Геоколлекцию с назначенным стилем.
gCollection = new YMaps.GeoObjectCollection("example#customPoint");
bounds = new YMaps.GeoCollectionBounds(moscow_center);
ShowPoints('Олимпийская деревня','Торговый Центр "Люкс"');
ShowPoints('Кутузовский проспект, 17','АРБАТ ПРЕСТИЖ');
ShowPoints('Ленинский проспект, 34/1','АРБАТ ПРЕСТИЖ');
ShowPoints('ул.Петровка, 2','ЦУМ');
map.addOverlay(gCollection);
}
function ShowPoints(my_Address, my_Shop){
var geocoder = new YMaps.Geocoder(my_Address, {results: 1,hideIcon:false});
YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
if (this.length()) {
var geoResult = this.get(0);
geoResult.setBalloonContent(my_Shop);
YMaps.Events.observe(geoResult, geoResult.Events.MouseOver, function () {
map.openBalloon(geoResult.getGeoPoint(), my_Shop,{hasCloseButton:false});
});
bounds.add(geoResult.getGeoPoint());
gCollection.add(geocoder);
map.setBounds(bounds);
}
});
}
Размещаю Геоколлекцию на карте, а стиль не применяется! Где что упустил???