2

我需要一些关于 Google Maps API v3 的帮助。

我有一张带有标记（图片）的地图，来自数据库的信息。图片和地图目前还可以。

我想在更改缩放时调整标记的大小，但我的代码不起作用（图片消失，替换为默认图标）。你能帮我看看有什么问题吗？

这是我的代码：

// 这部分没问题

var marker = new google.maps.Marker({
        map: map,
        icon: new google.maps.MarkerImage("../images/installateurs/<?php echo $row_artisans['photo0']; ?>",
            new google.maps.Size(40, 53.2),
            new google.maps.Point(0, 0),
            new google.maps.Point(0, 0),
            new google.maps.Size(40, 53.2)
        ),
        position: new google.maps.LatLng(<?php echo $row_artisans['Lat']; ?>, <?php echo $row_artisans['Lng']; ?>)
});

// 第二部分问题出在哪里（这个监听器是在创建地图之后放置的，在渲染它之前）

google.maps.event.addListener(map, 'zoom_changed', function() {
    var largeur = 20 + (5 *(map.getZoom() - 9));
    var ratio = largeur / 40;
    var hauteur = 26.6 * ratio;

    for(i=0; i< markers.length; i++ ) {
        var icon = markers[i].getIcon();
        markers[i].setIcon(
            icon.url,
            new google.maps.Size(largeur, hauteur),
            new google.maps.Point(0, 0),
            new google.maps.Point(0, 0),
            new google.maps.Size(largeur, hauteur)
        );
    }
});

谢谢你的帮助 ！

4

1 回答 1

2

根据文档，setIcon要么接受一个字符串，要么接受一个MarkerImage对象。最初您设置 a MarkerImage，但在您的侦听器代码中，您不构造 a MarkerImage。尝试这样的事情：

    for(i=0; i< markers.length; i++ ) {
    var icon = markers[i].getIcon();
    markers[i].setIcon(new google.maps.MarkerImage(
        icon.url,
        new google.maps.Size(largeur, hauteur),
        new google.maps.Point(0, 0),
        new google.maps.Point(0, 0),
        new google.maps.Size(largeur, hauteur))
    );
}
于 2012-09-17T09:25:12.707 回答