将范围发送到onRegionTipShow

时间:2015-04-07 09:37:07

标签: jquery angularjs jvectormap

我正在使用Angular应用程序,我想将Jquery中的jvectorMap用于Angular。

我发现angular可以使用JvectorMap,所以我做了代码:angular with jvectorMap

我正在尝试重现this comportement

我可以在指令中获取请求和数据。我只是不知道我想要做什么来使弹出工作。

1 个答案:

答案 0 :(得分:0)

app.directive('map',
    function map () {
        return {
            restrict: 'EAC',
            link: function (scope, element, attrs) {
                scope.$watch("mapdata", function (n, o) {
                    $(element).empty();
                    $(element).width('auto');
                    $(element).height(600);
                    $(element).vectorMap({
                        map: 'world_mill_en',
                        series: {
                            regions: [{
                                values: scope.mapdata,
                                scale: ['#C8EEFF', '#0071A4'],
                                normalizeFunction: 'polynomial'
                            }]
                        },
                        onRegionTipShow: function(e, el, code){
                            el.html(el.html()+' '+ upload.vectorMap('get', 'mapObject').series.regions[0].values[code] +' Photos');
                        }
                    });
                });
            }
        };
    }
    );

显示: onregiontipshow