Question

使用以下代码，我会在Google地图上将一些图像显示为自定义标记。问题是：我希望图片是（例如）25 x 25px。

$(".insta-img").each(function() {
    var image = new Image();
    image.src = this.src;

    var myLatLng = new google.maps.LatLng($(this).data('min-lat'),$(this).data('min-lng'));
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image.src
    });
    gmarkers.push(marker);
});

如何调整这些图片的大小？

Answer 1

我找到了答案！因为我想编辑自定义Google Marker的大小，我需要执行以下操作/具有以下代码：

var image = new Image();
image.src = this.src;

var pinIcon = new google.maps.MarkerImage(
    image.src,
    null, /* size is determined at runtime */
    null, /* origin is 0,0 */
    null, /* anchor is bottom center of the scaled image */
    new google.maps.Size(50, 50)
);  

var myLatLng = new google.maps.LatLng($(this).data('min-lat'),$(this).data('min-lng'));
var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: pinIcon
});
gmarkers.push(marker);

调整jQuery src中的图像大小

1 个答案: