Question

我无法从区域代码中获取区域名称。我的区域点击事件工作正常，我也得到了正确的代码。我的代码是：

<div id="map" style="width: 600px; height: 400px"></div>
<script type="text/javascript">
    $(function () {
        new jvm.MultiMap({
            container: $('#map'),
            maxLevel: 1,
            main: {
                map: 'us_lcc_en'
            },
            mapUrlByCode: function (code, multiMap) {
                return 'js/counties/jquery-jvectormap-data-' +
                   code.toLowerCase() + '-' +
                   multiMap.defaultProjection + '-en.js';
            }
        });


        $('#map').bind('regionClick.jvectormap', function (event, code) {
            var map = $('#map').vectorMap('get', 'mapObject');
            alert(map.getRegionName(code));
        });
    });
</script>

Answer 1

HTML CODE

<div id="map2" style="width: 100%; height: 400px"></div>

Jquery代码

  $('#map2').vectorMap({
        map: 'world_mill_en',
        series: {
        regions: [{
            scale: ['#C8EEFF', '#0071A4'],
            normalizeFunction: 'polynomial',
            values: gdpData
          }]
        },
        onRegionClick: function (event, code) {


          ******* Code To Show Region Name *******

          /* Here We are getting Map Object */
          var map=$('#map2').vectorMap('get', 'mapObject');

          /* Here Using Map Object we are using Inbuilt GetRegionName 
          function TO Get Regionname for a region Code */

          var regionName = map.getRegionName(code);
          console.log("Code: "+code+"<br/>");
          console.log("Region Name: "+regionName+"<br/>");

          ******* Code To Show Region Name *******
        }

      });

Answer 2

添加此代码

onRegionClick:function(event, code) {                        
        var name = (code);                        
        alert(name);                    
        }

所有类似的脚本

 <div id="map" style="width: 600px; height: 400px"></div>
<script type="text/javascript">
    $(function () {
        new jvm.MultiMap({
            container: $('#map'),
            maxLevel: 1,
            main: {
                map: 'us_lcc_en'
            },
            mapUrlByCode: function (code, multiMap) {
                return 'js/counties/jquery-jvectormap-data-' +
                   code.toLowerCase() + '-' +
                   multiMap.defaultProjection + '-en.js';
            }
        });


     onRegionClick:function(event, code) {                        
        var name = (code);                        
        alert(name);                    
        }
    });
</script>

Answer 3

我不知道如何从onRegionClick获取多地图的区域名称。这是我获得所需内容的技巧。

            var drillDownUSMap;
            var stateCode;
            var countyName;

            $(document).ready(function () {
                drillDownUSMap = new jvm.MultiMap({
                    container: $('#map'),
                    maxLevel: 1,
                    main: {
                        map: 'us_lcc_en',
                        onRegionClick: function (e, code) {
                            var map = $('#map div').vectorMap('get', 'mapObject');
                            var regionName = map.getRegionName(code);
                            stateCode = code.toLowerCase();
                            console.log(regionName)
                        }
                    },
                    mapUrlByCode: function (code, multiMap) {
                        return 'js/counties/jquery-jvectormap-data-' +
                            code.toLowerCase() + '-' +
                            multiMap.defaultProjection + '-en.js';
                    },
                    mapNameByCode: function (code, multiMap) {
                        return code.toLowerCase() + '_' +
                            multiMap.defaultProjection + '_en';
                    }
                });

                $(document).on('click', '.jvectormap-region.jvectormap-element', function (evt) {
                    var regionElem = $(this);
                    var stateJSFileName = stateCode + "_" + drillDownUSMap.defaultProjection + "_en";
                    var regionCode = regionElem.attr('data-code');
                    if (drillDownUSMap.maps[stateJSFileName]) {
                        countyName = drillDownUSMap.maps[stateJSFileName].regions[regionCode].config.name;
                        if (regionElem.hasClass("selected-region")) {
                            regionElem.removeClass("selected-region");
                        } else {
                            regionElem.addClass("selected-region");
                        }
                    }
                });

            });

想要从jvectormap的向下钻取地图中获取区域名称

3 个答案: