Jquery OnMarkerClick和JVectorMap

Jquery OnMarkerClick和JVectorMap,jquery,jvectormap,Jquery,Jvectormap,我正在尝试使用JVectorMap创建一个映射,在用户单击给定的标记后,该映射将把信息放入#输出div(例如,如果用户单击标记为阿拉斯加的标记,有关阿拉斯加的事实将在#输出div中弹出)。在这里的其他地方,我看到了这个代码示例,它输出标签的名称 onMarkerLabelShow: function(event, label, code) { $("#output").html("Some information about "+ label.html()); } 我想用一个开关 on

我正在尝试使用JVectorMap创建一个映射,在用户单击给定的标记后,该映射将把信息放入#输出div(例如,如果用户单击标记为阿拉斯加的标记,有关阿拉斯加的事实将在#输出div中弹出)。在这里的其他地方,我看到了这个代码示例,它输出标签的名称

onMarkerLabelShow: function(event, label, code) {
    $("#output").html("Some information about "+ label.html());
}
我想用一个开关

onMarkerLabelShow: function(event, label, code) {
    switch (label) {
        case Alaska:
        $("#output").html($("#alaska-facts");
        [break;]

        case North Carolina:
        $("#output").html($("#nc-facts");
        [break;]

        default:
        $("#output").html("Please select a job site");
        [break;]
    }
}
当我运行此代码时,地图不会显示,而且我可能完全走错了方向。有什么帮助吗?

有几个问题:

  • 标签是一个对象,与匹配字符串值的简单
    大小写
    语句不匹配。您可能需要根据
    label.text()
  • 案例中的值应为带引号的字符串(即
    “North Carolina”
    ,而不是
    North Carolina
  • 中断不应包装在
    []
    中(您不需要
    中断的数组,您需要中断
    开关
  • 对于使用jQuery ID选择器设置
    .html()
    的行,您缺少一个结束符
更正的示例:

onRegionLabelShow: function(event, label, code) {
   switch (label.text()) {
      case "Alaska":
         $("#output").html($("#alaska-facts"));
         break;

      case "North Carolina":
         $("#output").html($("#nc-facts"));
         break;

      default:
         $("#output").html("Please select a job site");
         break;
   }
}

那是票!谢谢你给我指明了正确的方向!