Javascript 更改传单中标记的大小

Javascript 更改传单中标记的大小,javascript,icons,leaflet,Javascript,Icons,Leaflet,我在地图上的传单上有一个标记: var centerMarker=L.marker(centerPoint,{title:'unselected'}).bindLabel(schools[i][0]); centerMarker.on('单击',选择标记); centerMarker.addTo(地图); 我想在单击时更改该标记的大小 我知道我们可以更改图标,但我只想更改标记的相同图标的大小。在标记上使用setIcon,提供具有相同图像但不同大小和锚定的新图标 var centerPoint

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

var centerMarker=L.marker(centerPoint,{title:'unselected'}).bindLabel(schools[i][0]);
centerMarker.on('单击',选择标记);
centerMarker.addTo(地图);
我想在单击时更改该标记的大小


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

在标记上使用
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);
});
演示(对中心和阴影等使用一些粗略的设置):


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

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

虽然这是一个老问题,但如果有人正在寻找答案以外的其他可能选项

L.marker([coord.latitude, coord.longitude], {
    color: 'red',
    icon: getIcon(), 
    data: coord
}).addTo(myMap).on("click", circleClick);

function getIcon(total_dead_and_missing) {
    var icon_size = [50, 50];   //for dynamic icon size, 
    var image_url = '1.png';        //for dynamic images

    L.icon({
        iconUrl: image_url,
        shadowUrl: 'leaf-shadow.png',

        iconSize:    icon_size , // size of the icon
        shadowSize:   [50, 64], // size of the shadow
        iconAnchor:   [22, 94], // point of the icon which will correspond to marker's location
        shadowAnchor: [4, 62],  // the same for the shadow
        popupAnchor:  [-3, -76] // point from which the popup should open relative to the iconAnchor
    });
}

资源:

API不支持该标记,您必须删除并再次添加该标记。请尝试
setIcon
,设置相同的图标但大小不同?尝试过setIcon但不适用于我。你试过这个答案吗?如果是这样,什么是不起作用的?