2 wur0428 wur0428 于 2016.01.18 09:05 提问

echarts3.0 引用json地图

echarts3.0有两个引入地图的方式,
http://echarts.baidu.com/download-map.html
我用js的方法引入成功了,但是用json的方法就是看不到地图(火狐也看不到),空白一片

以下是我的目录结构
F:\MyEcharts3.0
-china.js
-china.json
-echarts.js
-echarts.min.js
-jquery.min.js
-macarons2.js
-MyTest.html

china.json是echarts官网下载的

以下是我的html代码
<!DOCTYPE html>




<!--自适应device-width设备宽度-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="./echarts.js"></script>
<script src="./jquery.min.js"></script>
<title>ECharts</title>

<style> 

</style> 

$.get('./china.json', function (chinaJson) { echarts.registerMap('china', chinaJson); var chart = echarts.init(document.getElmentById('main')); chart.setOption({ series: [{ type: 'map', map: 'china' }] }); }); //myChart.setOption(option);

本人是新手,因为工作需要才开始接触echarts,html,希望大神耐心指导,谢谢
顺便弱弱的问一下echarts3.0怎么像之前一样,加载主题文件?

8个回答

qq_25651059
qq_25651059   2016.11.24 13:03

https://www.zhihu.com/question/39877703 我不知道你具体遇到的是什么问题,但表面上跟我遇到的问题是一样的,看到知乎上这篇回答,
解决了我的问题,居然省份的地图是要中文汉字。。。坑了我一天半,艹

taozi550185271
taozi550185271 太棒了,刚好今天碰到一模一样的问题,折腾了大半天,拼音换成汉字立马ok,谢谢分享
6 个月之前 回复
qq_16036809
qq_16036809   2017.02.27 12:37

在浏览器的属性--目标里添加权限,比如
"C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --disable-web-security
之后还不能解决问题的话,可以参照:解决引入本地json数据的问题
提出的方法,用python启动本地服务器访问页面,这样就允许跨域访问。

wur0428
wur0428   2016.01.18 10:14
<!DOCTYPE html>
<head>
        <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--自适应device-width设备宽度-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script src="./echarts.js"></script>
    <script src="./jquery.min.js"></script>
        <title>ECharts</title>

    <style> 

    </style> 
</head>

<body>

<div  id="main" style="height:800px;width:100%;border:1px solid black;"></div>


<script>
$.get('./china.json', function (chinaJson) {
        echarts.registerMap('china', chinaJson);
        var chart = echarts.init(document.getElmentById('main'));
        chart.setOption({
                series: [{
                        type: 'map',
                        map: 'china'
                }]
        });
});
//myChart.setOption(option);

</script>

</body>
qq_31875569
qq_31875569 这个问题我也遇到了,后来发现是json数据的浏览器跨域问题,火狐应该可以,其他的话好像是需要修改浏览器属性的,但是修改浏览器属性的话,那就没有意义了,建议去echarts官方去看看有没有好的解决办法!
一年多之前 回复
qq_31875569
qq_31875569 这个问题我也遇到了,后来发现是json数据的浏览器跨域问题,火狐应该可以,其他的话好像是需要修改浏览器属性的,但是修改浏览器属性的话,那就没有意义了,建议去echarts官方去看看有没有好的解决办法!
一年多之前 回复
wur0428
wur0428 之前那个代码贴的有问题,重新贴一下
接近 2 年之前 回复
qq_35660412
qq_35660412   2016.08.02 20:38

var chart = echarts.init(document.getElmentById('main'));

element写错了,少写了一个字母e

qq_32981043
qq_32981043   2016.08.07 10:19

请问你解决了吗 我现在也遇到同样的问题 但是不会

u013627769
u013627769 我也有同样的问题,现在解决了么
一年多之前 回复
qq_33647275
qq_33647275   2016.10.31 11:15

我也有同样的问题,现在解决了么

u013045431
u013045431   2017.02.06 15:56

我也遇到 此问题 请问问题 解决了吗

qq_16036809
qq_16036809   2017.02.27 12:51

关于Python启动本地服务器,win7的可以参考Windows7下Python搭载本地服务器

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!