echarts 加载svg地图不显示 在echarts 例子



```javascript
<template>
           <div id="svgMapChart" style="width:100%;height:480px;"></div>
</template>

<script>
export default {
   name: 'ROverview',
        data() {
            return {
            }
        },
        mounted() {
            this.drawSvgMap();
        },
        methods: {
            drawSvgMap() {
                // 基于准备好的dom,初始化echarts实例
        var ROOT_PATH = 'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';
                var myChart = this.$echarts.init(document.getElementById('svgMapChart'));
        var option;
              $.get(ROOT_PATH + '/data/asset/geo/MacOdrum-LV5-floorplan-web.svg', function (svg) {
           
           echarts.registerMap('MacOdrum-LV5-floorplan-web', { svg: svg });
            option = { 
                      geo: {
                        map: 'MacOdrum-LV5-floorplan-web',
                        roam: true,
                        emphasis:
                         { itemStyle: { color: null }}             
                    }
            }
          });
          option && myChart.setOption(option);
            }
    }
}
</script>



```

option && myChart.setOption(option);这句放到ajax回调里面,要不ajax还没返回就执行setOption了没有获取到配置的值。

有帮助麻烦点个采纳【本回答右上角】,谢谢~~

img

<template>
    <div id="svgMapChart" style="width:100%;height:480px;"></div>
</template>
<script>
    export default {
        name: 'ROverview',
        data() {
            return {
            }
        },
        mounted() {
            this.drawSvgMap();
        },
        methods: {
            drawSvgMap() {
                // 基于准备好的dom,初始化echarts实例
                var ROOT_PATH = 'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';
                var myChart = this.$echarts.init(document.getElementById('svgMapChart'));
                var option;
                $.get(ROOT_PATH + '/data/asset/geo/MacOdrum-LV5-floorplan-web.svg', function (svg) {
                    echarts.registerMap('MacOdrum-LV5-floorplan-web', { svg: svg });
                    option = {
                        geo: {
                            map: 'MacOdrum-LV5-floorplan-web',
                            roam: true,
                            emphasis:
                                { itemStyle: { color: null } }
                        }
                    }

                    option && myChart.setOption(option);/////////////////
                });
                //option && myChart.setOption(option);//这句放到ajax回调里面,要不ajax还没返回就执行setOption了没有获取到配置的值
            }
        }
    }
</script>

宽是不是要给固定值

 

registerMap找不到这个方法遇到过嘛
打印这个方法一直undefined