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,谢谢分享
大约一年之前 回复
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官方去看看有没有好的解决办法!
2 年多之前 回复
qq_31875569
qq_31875569 这个问题我也遇到了,后来发现是json数据的浏览器跨域问题,火狐应该可以,其他的话好像是需要修改浏览器属性的,但是修改浏览器属性的话,那就没有意义了,建议去echarts官方去看看有没有好的解决办法!
2 年多之前 回复
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 我也有同样的问题,现在解决了么
接近 2 年之前 回复
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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
echarts3-中国省市县级三级地图json(含使用demo)
1.含省、市、县级json数据 2.内含使用demo,点击省切换到市级地图、点击市级地图切换到县级地图
Echarts3.0版本地图三级下钻demo小解
$.get('/common/json/china.json', function (mapJson) { echarts.registerMap('china', mapJson); var chart = echarts.init($('#id-content-center')[0]);//在id为id-content-center的dom元素中显示地图...
echarts3 全国地图json
echarts3 全国地图json,官网已经不提供下载了,之前下载下来的分享给大家,看谁有用,32个省市的地图和全国整体
echarts3.0在加载省市地图——小白日记
刚刚接触echarts,由于需要引入省市级地图,但是 官方示例里只有全国地图。。查了很久也没有成功解决问题,最常见的就是只有一个南沙群岛的图,后来打开js文件终于解决了问题.... 查看官网的代码 JavaScript 引入示例 src="echarts.js"> src="map/js/china.js"> var chart = echarts.init(document.
百度地图eCharts资源、eCharts 3.0地图Demo
百度地图已经禁止下载资源,2个资源分分享给大家。里面是json包,geometryCouties是市级,geometryProvince省级,大家可以看一下
世界地图echartsjson数据
世界地图所有大洲的json数据格式,里面没有具体的国家,比较简单点的轻量级显示倒是可以
echarts全国JSON数据包-包含全国省市县区资源
echarts全国JSON数据包-包含全国省市县区资源,标准地理数据 GEOJSON
Echarts3.0引入百度地图-简单说
1. 首先是百度AK的申请 2. 下载bmap.js echarts.js bmap.js 是一个基于echart3的百度地图扩展文件,将其引入后可以在echarts.series.map.coordinateSystem 中直接使用参数’bmap’  下载地址为:https://pan.baidu.com/s/1o8MB98I 下面针对的是Echarts3.0  
Echarts3.0的简单使用,动态获取数据
1.导入echarts.js文件 2.博主这里使用的是地图状的图标,所有还需要加上 3.导入JQuery文件,使用ajax来加载动态数据 4.html代码5.js代码$(function(){ $.ajax({ type:"GET", url:"http://localhost:8080/global_rader/query/q
echarts.js
echarts3.0 -- china地图,自定义省份区域颜色(areaColor).