运行函数后更改 Google 地图标记 HTML

Question

因此，我试图找出一种方法来更改 Google Maps V3 标记的 HTML，在它们从数据库中提取之后但在它们被推送到数组之前。

当调用 getFishing() 时，我想运行 convertRate(rate) 以便如果 rate 变量等于或大于 2，它会显示标记本身的 HTML 中的图片。我已经尝试将它放在 bindInfoWindow4() 中，并且在 getFishing() 函数中尝试了几个地方，但没有成功。有没有人这样做过？标记被推到fishArray之后是否可以？

     function getFishing() {
        fishingUrl("XML_Fishing.php", function (data) {
            var xml = data.responseXML;
            var markers = xml.documentElement.getElementsByTagName("marker");
            for (var i = 0; i < markers.length; i++) {
                var id = markers[i].getAttribute("id");
                var title = markers[i].getAttribute("title");
                var rate = markers[i].getAttribute("rate");
                var Fishhtml = "<img id='1star' src='images/1star.png' style='visibility:hidden'>";
                var icon = FishingIcon;
                var Fishmark = new google.maps.Marker({
                    map: map,
                    position: point,
                    icon: icon.icon
                });
                fishArray.push(Fishmark);
                bindInfoWindow4(Fishmark, map, Fishinfo, Fishhtml);

            }
        });
    }
    function convertRate(rate) {
        if (rate >= 2) {
            document.getElementById("1star").style.visibility = 'visible';
        }
    }

    function bindInfoWindow4(marker, map, infoWindow, html) {
        google.maps.event.addListener(marker, 'click', function () {
            infoWindow.setContent(html);
            infoWindow.open(map, marker);
        });
    }

Answer 1

如果您更改您的点击侦听器以显示保存在标记的成员变量中的 HTML，您可以随时更改它。如果 InfoWindow 已打开，您可能希望将其关闭并重新打开（或更新其内容，但这会变得更加复杂）。

类似：

  function bindInfoWindow4(marker, map, infoWindow, html) {
      marker.myHtmlContent = html;
      google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(marker.myHtmlContent);
        infoWindow.open(map, marker);
      });
  }

然后通过更改 marker.myHtmlContent 中的值来更新内容。为了让它可见，像这样：

  marker.myHtmlContent = "<img id='1star' src='images/1star.png' style='visibility:visible'>";