为什么我的假常量赋值在 jQuery 中只工作一次？

Question

我正在使用 gomap 向地图添加一些标记。 gomap 允许您添加您选择的图标，而不是被相同的旧标记卡住。我有几段这样的代码：

var constants = {
    'nflIcon': 'Content/Images/green.png',
    'bigBurrito': 'Content/Images/humongousBurrito.png'
};

$(function () {
    $("#map").goMap({
        latitude: 36.75,
        longitude: -100,
        maptype: 'ROADMAP',
        zoom: 5
    });

$.goMap.createMarker({
    address: 'Green Bay, Wisconsin',
    title: 'Green Bay Packers',
    group: 'NFL',
    icon: constants.nflIcon,
    html: getPackers()
});

$.goMap.createMarker({
    address: 'San Francisco, California',
    title: 'San Francisco 49ers',
    group: 'NFL',
    icon: constants.nlfIcon,
    html: '<h1>San Francisco 49ers</h1>'
});

...但是 constants.nflIcon 的分配仅适用于一个（使用 Green Bay Packers 标记）；所有其他人都使用传统的橙色反向泪珠标记。

为什么？

Answer 1

您在非工作通话中使用nlfIcon，在工作通话中使用nflIcon：

$.goMap.createMarker({
    address: 'San Francisco, California',
    title: 'San Francisco 49ers',
    group: 'NFL',
    icon: constants.nflIcon, // This is now fixed
    html: '<h1>San Francisco 49ers</h1>'
});

如果我要经常这样做，我会围绕createMarker 创建一个包装器来简化我的代码。例如，您可能会执行以下操作：

function createMarker(options) {
    var defaults = {icon: constants.nflIcon};
    $.goMap.createMarker($.extend({}, defaults, options));
}

function createNFLMarker(options) {
    var defaults = {group: "NFL"};
    createMarker($.extend({}, defaults, options));
}

然后，您可以致电createNFLMarker 并提供每个团队更改的详细信息（地址、头衔等），而不必让多个复制粘贴的代码部分保持同步。