ECharts本地json文件引用问题

@比较详细,比较小白,大神笑看~
@求点赞,求打赏,请支持一个月薪3800的IT从业者☺️

ECharts本地.json文件引用问题

初学echarts.js,因为没有网页基础,遇到很多问题。由于要做一个海口市地图的可视化,但是ecahrts现有的地图里面仅限于省市,没有区县的js文件可以引用,因此我在一个地图 选取器的网站上(http://datav.aliyun.com/tools/atlas)选取了需要的区县,下载了json文件到本地。但是在html中引用.json文件的时候,出现了问题,地图一直显示不出来。在ECharts的代码编辑器里面通过上传数据功能,上传了json文件后,可以顺利显示地图,但是自己编辑html并打开网页的时候,地图显示不出来,我”检查“了代码,发现我的map.js脚本里的.json地图数据读取失败,我运用sublimeServer解决了本地.json读取的问题。而后依旧失败,”检查“发现,$(function() {}这里报错了,通过添加引用jquery.js脚本文件解决了所有问题。
按照下面的方式引用.json文件,网页不显示。

<script type="text/javascript" src="/Users/murphy/echarts_project/haikou_full.json"></script>

var uploadedDataURL = "/Users/murphy/echarts_project/haikou_full.json "

PS:如何运用地图选取器制作所需要的中国的省市区县json地图数据,请见该文:制作中国省市区县地图json文件(最小至区县)

该文可解决以下问题:

  1. echarts地图.json文件读取、引用失败
  2. 网页echarts无法读取本地.json文件
  3. echarts可视化网页中引用地图json文件
  4. SublimeServer的安装、下载、启动、使用
  5. SublimeServer打开本地网页
  6. echarts怎么在本地网页显示

一、chrome浏览器为了安全性考虑,默认对跨域访问禁止

解决办法:

  1. 可以使用sublimeServer (Sublime Text
  2. 可以使用火狐浏览器Firefox
  3. 开启其他本地的服务器,以http开头访问
  4. 通过 Ajax 调用,但前提是得把你的项目启动成一个 Web 服务

sublimeServer

最好的办法就是使用sublimeServer,所以详细讲一下!!

1. 下载
  1. 打开Sublime Text的preference,快捷键组合【command+shift+p】,输入Package Control,选择Package Control: Install Package
    在这里插入图片描述
    2)进入Install Package后输入SublimeServer,即可下载SublimeServer
    在这里插入图片描述
2. 启动

在最上方导航栏找到Tools,在Tools可以看到SublimeServe

  • 4
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值