我无法以任何方式将我的图钉添加到地图中,显示的是默认规范。
function init() {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64],
zoom: 10
}),
objectManager = new ymaps.ObjectManager({
clusterize: true,
gridSize: 32,
clusterDisableClickZoom: true
});
var BalloonContentLayout = ymaps.templateLayoutFactory.createClass(
'<div class="balloon" id="{{properties.id}}">' +
'<a href="javascript:void(0);" title="" class="balloon__close"></a>' +
'<div class="balloon__title">{{properties.title}}</div>' +
'<ul class="balloon__list">' +
'<li class="balloon__item">' +
'<div class="balloon__text">Адрес:' +
'<span>{{properties.addr}}</span>' +
'</div>' +
'</li>' +
'<li class="balloon__item">' +
'<div class="balloon__text">Телефон:' +
'<span>{{properties.phone}}</span>' +
'</div>' +
'</li>' +
'<li class="balloon__item">' +
'<div class="balloon__text">Режим работы:' +
'<span>{{properties.time}}</span>' +
'</div>' +
'</li>' +
'<li class="balloon__item link">' +
'<a href="javascript:void(0);" title="{{properties.web}}" class="balloon__text balloon__text--link">{{properties.web}}</a>' +
'</li>' +
'</ul>' +
'</div>');
// Чтобы задать опции одиночным объектам и кластерам,
// обратимся к дочерним коллекциям ObjectManager.
objectManager.objects.options.set({
iconImageHref: '../img/pin.svg',
iconImageSize: [95, 37], // размеры картинки
iconImageOffset: [-11, -30] // смещение картинки
});
myMap.geoObjects.add(objectManager);
$.ajax({
url: "../json/map.json"
}).done(function(data) {
objectManager.add(data);
});
}
ymaps.ready(init);
当我写这篇文章时,一切都很好:
objectManager.objects.options.set('preset', 'islands#greenDotIcon');
objectManager.clusters.options.set('preset','islands#greenClusterIcons');
myMap.geoObjects.add(objectManager);
怎么了?
您需要添加 iconLayout: 'default#image'
代码如下所示:
objectManager.objects.options.set({ iconLayout: 'default#image', iconImageHref: '../img/pin.svg', iconImageSize: [95, 37], // размеры картинки iconImageOffset: [-11, -30] // смещение картинки });