[英]Increase the size of Marker in Jvector map
我使用JVector贴图绘制了地图,并将自定义标记指定为图像(代码中指定了'pin.png'),共有七个标记,并且我想在选择区域时增加/缩放标记的大小。
function SetMap() {
var map = new jvm.Map({
container: $('#map_base'),
map: 'au_mill_en',
backgroundColor: '#ECF7FD',
markers: markers,
series: {
markers: [{
attribute: 'image',
scale: {
contact: 'assets/pin.png'// marker image set
},
values: values,
}],
regions: [{
values: {//color set for wach states/region
'AU-SA': '#FADCC2',
'AU-WA': '#D3E3F2',
'AU-VIC': '#E0EDD1',
'AU-TAS': '#EAE0E7',
'AU-QLD': '#FDEBBB',
'AU-NSW': '#28B6CE',
'AU-ACT': '#EAE0D6',
'AU-NT': '#EAE0D6'
},
attribute: 'fill'
}]
},
regionStyle: {
hover: {
"fill": '#F4A582'
},
},
markerStyle: {
selected: {
r:10
},
},
regionsSelectable: true,
regionsSelectableOne: true,
onRegionClick: function (event, code) {
}
//New South Wales seled as default as per requirement
map.setSelectedRegions('AU-NSW')
}
});
我是stackoverflow的新手,所以请指出问题格式中的任何错误。
您可以使用图标对象并修改图标大小。 您可以在文档中找到如何执行此操作。 复杂的图标可能就是您想要的。 希望这可以帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.