从 jQuery src 调整图像大小答案

【问题标题】：Resizing images from jQuery src从 jQuery src 调整图像大小
【发布时间】：2013-11-18 15:20:37
【问题描述】：

通过以下代码，我将一些图像显示为 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);
});

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

【问题讨论】：

试试尺寸：sizeM -> sizeL ?
@thenewseattle 我的错误.. 我应该删除代码'size:sizeM'
你能发个小提琴吗？
不要认为那行得通。我正在做的是一个结合了谷歌地图 API 和 Instagram API 的网络应用程序。基本上我想在谷歌地图上显示来自 Instagram 的图片（通过基于位置的数据）。我现在遇到的问题是图片是从源头拍摄的（阅读：图片来自我的网页，其中包含来自 Instagram 的 url），并且是 150x150px。我想在 25 像素处看到它们（谷歌地图上只有 25 像素作为自定义标记）。

标签： jquery google-maps instagram

【解决方案1】：

我找到了答案！而且因为我想编辑自定义谷歌标记的大小，我需要做以下事情/有以下代码：

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);

【讨论】：