改变传单中标记的大小

Question

我在传单上的地图上有一个标记:

var centerMarker = L.marker(centerPoint, { title: 'unselected' }).bindLabel(schools[i][0]);
centerMarker.on('click', selectMarker);
centerMarker.addTo(map);

我想在点击时更改该标记的大小.

我知道我们可以更改图标,但我只想更改标记的相同图标的大小.

Answer 1

您可以从标记本身获取旧图标,更改图标的大小,然后setIcon使用更改的图标调用:

var icon = centerMarker.options.icon;
icon.options.iconSize = [newwidth, newheight];
centerMarker.setIcon(icon);

Answer 2

setIcon在标记上使用，提供具有相同图像但大小和锚点不同的新图标。

var centerPoint = L.latLng(55.4411764, 11.7928708);
var centerMarker = L.marker(centerPoint, { title: 'unselected' });
centerMarker.addTo(map);

centerMarker.on('click', function(e) {
    centerMarker.setIcon(bigIcon);
});

演示（对中心和阴影等使用有点草率的设置）：

http://jsfiddle.net/pX2xn/4/