0

我正在尝试遍历标记集合并使用计数器变量来连接事件。"When someone clicks a marker, show the infobox in position 'count'"

问题在于脚本执行时，计数变量在每个点击事件订阅者之间共享。

这意味着，在标记 A 或 B 中的单击被连接到相同的位置，这意味着相同的 InfoBox。

    var popups = [];
    var count = 0;

    @foreach (var marker in Model) {
        <text>
        /* Create Markers */
        popups[count] = {};

        popups[count]["marker"] = new google.maps.Marker({
            map: themap
        });

        popups[count]["content"] = document.createElement("div");</div>';

        popups[count]["infoboxoptions"] = {
            boxClass: 'infobox-custom'
        };

        popups[count]["infobox"]= new InfoBox(popups[count]["infoboxoptions"]);            

        google.maps.event.addListener(popups[count]["marker"], "click", function (e) {
            popups[count]["infobox"].open(themap, this);
            /* PROBLEM IS HERE! ^ */
        });
        count++;
        </text>
    }

我理解这个问题，但不知道如何解决它。Javascript 为每个点击事件使用相同的变量，并且在每次迭代后递增它也为每个点击事件递增它。

有什么建议么？

4

1 回答 1

0

这是一个解决方案。我使用 Razor 引擎来输出一个硬编码的number值。

var popups = [];
var count = 0;

@{ var i = 0; }
@foreach (var marker in Model) {
    <text>
    /* Create Markers */
    popups[count] = {};

    popups[count]["marker"] = new google.maps.Marker({
        map: themap
    });

    popups[count]["content"] = document.createElement("div");</div>';

    popups[count]["infoboxoptions"] = {
        boxClass: 'infobox-custom'
    };

    popups[count]["infobox"]= new InfoBox(popups[count]["infoboxoptions"]);            

    google.maps.event.addListener(popups[count]["marker"], "click", function (e) {
        popups[@i]["infobox"].open(themap, this);
    });
    count++;
    </text>
    i++;
}
于 2012-11-26T03:24:52.753 回答