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但不适用于我。你试过这个答案吗?如果是这样,什么是不起作用的?