Javascript 使用Maps API XML调整地图标记大小示例
我已经使用这个示例构建了一个地图,我想包括自定义标记。当前,标记状态会更改标记图标并指定标签,如下所示。但是,我想使用高分辨率标记,所以我需要调整图标的大小 我知道我需要使用新的google.maps.SizeX,X;,但我不知道如何将其构建到customLabel变量中,因为我看到的示例使用了不同的方法来显示图标 朝正确的方向轻推会有帮助Javascript 使用Maps API XML调整地图标记大小示例,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我已经使用这个示例构建了一个地图,我想包括自定义标记。当前,标记状态会更改标记图标并指定标签,如下所示。但是,我想使用高分辨率标记,所以我需要调整图标的大小 我知道我需要使用新的google.maps.SizeX,X;,但我不知道如何将其构建到customLabel变量中,因为我看到的示例使用了不同的方法来显示图标 朝正确的方向轻推会有帮助 var customLabel = { completed: { label: 'C', icon:
var customLabel = {
completed: {
label: 'C',
icon: './assets/map/images/icon_green.png'
},
failed: {
label: 'F'
icon: './assets/map/images/icon_red.png'
}
};
var status = markerElem.getAttribute('status');
var icon = customLabel[status] || {};
var marker = new google.maps.Marker({
map: map,
position: point,
label: icon.label,
icon: icon.icon,
animation: google.maps.Animation.DROP
});
查看MarkerOptions接口的文档: 您将看到图标属性可以是字符串、图标或符号接口。当前,您正在将图标属性设置为字符串值。要定义大小,应将图标对象指定给图标属性。图标界面记录在中 所以,你应该使用
var marker = new google.maps.Marker({
map: map,
position: point,
label: icon.label,
icon: {
url: icon.icon,
size: new google.maps.Size(X,X)
},
animation: google.maps.Animation.DROP
});
我希望这有帮助 嗨,我最后得出了同样的结论,但是谢谢你的解释!