Javascript 带有引导式Popover内容的JQueryMap

我正在尝试在区域单击事件中实现Bootstrap Popover

带有默认hello消息的JSFIDLE：-

带消息变量的JSFIDLE：-

我正在尝试实现这个消息，即来自popover上的jqvmap的消息

参考：

谁能帮帮我吗。我不是一个javascript友好的用户，我不经常使用它，所以请善待我的javascript noobBrain

<script type="text/javascript">
    var message;
    jQuery('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: null,
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#666666',
        enableZoom: true,
        showTooltip: false,
        values: sample_data,
        scaleColors: ['#C8EEFF', '#006491'],
        normalizeFunction: 'polynomial',onRegionClick: function(element, region) {
        var message = 'This Country is '
          + region;
        },
    });
    jQuery(document).ready(function(){
            jQuery('.jvectormap-region').popover({
                placement: 'bottom',
                container: 'body',
                content: "Hello",
                trigger: 'click'
            })
        });
</script>

---

谢谢这就是你要找的吗？更改标签

jQuery('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: null,
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#666666',
        enableZoom: true,
        showTooltip: true,
        values: sample_data,
        scaleColors: ['#C8EEFF', '#006491'],
        normalizeFunction: 'polynomial',
    onLabelShow: function(event, label, code) {
        label.text('This Country is '
          + label.text());
        }
    });
    jQuery(document).ready(function(){
            jQuery('.jqvmap-region').popover({
                placement: 'bottom',
                container: 'body',
                content: message,
                trigger: 'click'
            })
        });