首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >OnMarkerClick和JVectorMap

OnMarkerClick和JVectorMap
EN

Stack Overflow用户
提问于 2012-10-31 04:50:06
回答 1查看 2.5K关注 0票数 3

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

代码语言:javascript
运行
复制
onMarkerLabelShow: function(event, label, code) {
    $("#output").html("Some information about "+ label.html());
}

我试着在这里使用开关...

代码语言:javascript
运行
复制
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;]
    }
}

当我运行这段代码时,地图不会显示,我可能完全走错了路。有什么帮助吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-01 09:43:00

有几个问题:

  • label是一个对象,不会与匹配字符串值的简单case语句匹配。您可能希望针对label.text()
  • The中的值进行计算应用引号括起来的字符串(即"North Carolina",而不是break;不应包装在[]中)(您不想要break数组,您想要换行的North Carolina)
  • The缺少用于设置.html() with jQuery ID "North Carolina"break;

的行的结束)

更正示例:

代码语言:javascript
运行
复制
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;
   }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13147380

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档