增加Jvector贴图中Marker的大小

时间:2015-02-12 15:17:06

标签: javascript jquery google-maps jvectormap

我使用JVector map绘制地图。并将自定义标记指定为图像(代码中指定的'pin.png')。有七个标记和 我想在选择区域时增加标记的大小/缩放。

    function SetMap() {
            var map = new jvm.Map({
                container: $('#map_base'),
                map: 'au_mill_en',
                backgroundColor: '#ECF7FD',
                markers: markers,
                series: {
                    markers: [{
                        attribute: 'image',
                        scale: {
                            contact: 'assets/pin.png'// marker image set
                        },
                        values: values,
                    }],
                    regions: [{
                        values: {//color set for wach states/region
                            'AU-SA': '#FADCC2',
                            'AU-WA': '#D3E3F2',
                            'AU-VIC': '#E0EDD1',
                            'AU-TAS': '#EAE0E7',
                            'AU-QLD': '#FDEBBB',
                            'AU-NSW': '#28B6CE',
                            'AU-ACT': '#EAE0D6',
                            'AU-NT': '#EAE0D6'
                        },
                        attribute: 'fill'
                    }]
                },
                regionStyle: {
                    hover: {
                        "fill": '#F4A582'
                    },

                },
                markerStyle: {
                    selected: {
                        r:10
                    },

                },
                regionsSelectable: true,
                regionsSelectableOne: true,
                onRegionClick: function (event, code) {
                   }
            //New South Wales seled as default as per requirement
            map.setSelectedRegions('AU-NSW')
        }
    });

我是stackoverflow的新手,所以请指出任何有问题格式的错误。

1 个答案:

答案 0 :(得分:-2)

您可以使用图标对象并修改图标大小。您可以在documentation中找到如何执行此操作。复杂的图标可能就是你想要的。希望这会有所帮助。