echarts 省地图鼠标移入到某个市时,放大突出显示

Question

echarts 省地图鼠标移入到某个市时,放大突出显示，大家有做过吗

Answer 1

我写的是鼠标移入变色，你需要放大，应该更改zoom 就可以；
我把我的这个地图提供给你参考一下；
js

//安徽地图
let map2  = function(){
    $.getJSON('js/anhui.json',function (data) {
        echarts.registerMap('yangzhou', data);
        let myCharts = echarts.init(document.getElementById('map2'));
        myCharts.showLoading();
        let option = {
            tooltip: {
                trigger: 'item',
                formatter: function (params) {
                    let value = (params.value + '').split('.');
                    value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,')
                        + '.' + value[1];
                    return params.seriesName + '<br/>' + params.name + ' : ' + value;
                }
            },

            visualMap: {
                type:'piecewise',
                min: 80,
                max: 500,
                realtime: false,
                calculable: true,
                splitNumber:3,
                show:true,
                inRange: {
                    color:['#4FAAF8', '#FC8A4E', '#FA4848']
                }
            },
            selectedMode : 'multiple',
            series: [{
                name:'安徽',
                type: 'map',
                mapType: 'yangzhou',
                zoom:1.2,
                selectedMode:'single',
                legend: {
                    orient: 'vertical',
                    top: 'bottom',
                    left: 'right',
                    data:['红', '橙','蓝'],
                    textStyle: {
                        color: '#fff'
                    },
                    selectedMode: 'single'
                },
                itemStyle: {
                    normal: {
                        label: {
                            show: true
                        },
                        borderWidth:.5,
                        borderColor:'#009fe0',
                        areaColor:'#C4EDFA'
                    },
                    emphasis:{
                        borderWidth:1.5,
                        borderColor:'#009fe0',
                        shadowColor:'#FC8A4E',
                        shadowBlur:10,
                        areaColor:'#FFCE44'
                    }
                },
                data:[

                ]

            }]

        };
//请求json数值
        $.ajax({
            type:"get",
            url:"json/ahmap.json",
            dataType:"json",
            success:function(data){
                let json = eval(data);
                $.each(json,function(index,item){
                    let name = item.name;
                    let value = item.value;
                    let newArry = {};
                    newArry.name=name;
                    newArry.value=value;
                    option.series[0].data.push(newArry);
                });
                myCharts.setOption(option);
            },
            error:function(){
                console.log("AJAX请求失败！")
            }
        });
        //城市点击弹出城市名
        myCharts.on("click",function (City) {
            let codeNameMap = {
                '淮北市':'000001',
                '滁州市':'000002',
                '宿州市':'000003',
                '合肥市':'000004',
                '马鞍山市':'000005',
                '芜湖市':'000006',
                '淮南市':'000007',
                '蚌埠市':'000008',
                '阜阳市':'000009',
                '亳州市':'0000010',
                '六安市':'0000011',
                '宣城市':'0000012',
                '池州市':'0000013',
                '安庆市':'0000014',
                '铜陵市':'0000015',
                '黄山市':'0000016'
            };
            pie11(codeNameMap[City.name]);
        });
        myCharts.hideLoading();
    })
};
```javascript

**ahmap.json**


```javascript
[

  {"name":"淮北市","value":"80"},
  {"name":"滁州市","value":"123"},
  {"name":"宿州市","value":"487"},
  {"name":"合肥市","value":"400"},
  {"name":"马鞍山市","value":"324"},
  {"name":"芜湖市","value":"111"},
  {"name":"淮南市","value":"312"},
  {"name":"蚌埠市","value":"350"},
  {"name":"阜阳市","value":"96"},
  {"name":"亳州市","value":"484"},
  {"name":"六安市","value":"256"},
  {"name":"宣城市","value":"314"},
  {"name":"池州市","value":"397"},
  {"name":"安庆市","value":"249"},
  {"name":"铜陵市","value":"498"},
  {"name":"黄山市","value":"167"}
]

地图json太大就不放了