调整Google地图标记图标图像的大小
调整Google地图标记图标图像的大小
提问于 2013-02-27 02:22:48
当我将图像加载到标记的icon属性中时，它会以原始大小显示，这比它的实际大小要大得多。
我想把标准尺寸调整到更小的尺寸。做这件事最好的方法是什么？
代码：
function addMyPos(latitude,longitude){
position = new google.maps.LatLng(latitude,longitude)
marker = new google.maps.Marker({
position: position,
map: map,
icon: "../res/sit_marron.png"
});
}回答 3
Stack Overflow用户
回答已采纳
发布于 2014-07-17 12:27:36
如果原始大小为100 x 100，而您希望将其缩放到50 x 50，请使用scaledSize而不是Size。
var icon = {
url: "../res/sit_marron.png", // url
scaledSize: new google.maps.Size(50, 50), // scaled size
origin: new google.maps.Point(0,0), // origin
anchor: new google.maps.Point(0, 0) // anchor
};
var marker = new google.maps.Marker({
position: new google.maps.LatLng(lat, lng),
map: map,
icon: icon
});Stack Overflow用户
发布于 2018-01-24 19:46:09
删除原点和锚点将使图片更加规则
var icon = {
url: "image path", // url
scaledSize: new google.maps.Size(50, 50), // size
};
marker = new google.maps.Marker({
position: new google.maps.LatLng(lat, long),
map: map,
icon: icon
});Stack Overflow用户
发布于 2020-06-30 15:40:48
如果你像我一样使用vue2-google-map，设置大小的代码如下所示：
<gmap-marker
..
:icon="{
..
anchor: { x: iconSize, y: iconSize },
scaledSize: { height: iconSize, width: iconSize },
}"
>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15096461
复制相关文章
相似问题