echarts 如何在地图组件上加入南海

echarts3中的geo组件和map series 中因为地图精度的提高，不再内置地图数据增大代码体积，我们需要自行下载geojson数据；而目前网上能找到的中国geojson数据基本不包含南海部分，自己制作一个实在太麻烦。

其实echarts3中内嵌了南海的svg 图形，我们只要在geo组件中注册map的时候讲地图名设置为china就行（只有叫china的时候才会出来）

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

另外我在使用的时侯发现如果geojson里Feature是线面混合情况下，echarts并不能正常显示，有没懂的童鞋留言指点下

echarts 如何在地图组件上加入南海相关推荐

Vue中使用Echarts中的地图组件报错：TypeError: api.coord is not a function
首先,既然你是Vue开发者,那么其它的就不多讲,简短的说下本人是Java开发,所以有些地方可能不适用所有人,接受大家的建议. 一. 既然在Vue中使用Echarts,那将echarts引入到vue项 ...
vue中Echarts地图组件+城市json文件
效果图要求是鼠标悬停在地图上,阴影显示,但悬停区域颜色不变,鼠标离开后阴影消失完整代码 <template><div id="app"><div ...
【26】地图可视化：基于 Echarts + Java SpringBoot 的动态实时地图组件 - 点气泡流向组合区域三级下钻地图
在数据可视化大屏中,地图可视化是常用的高级图表之一. 很多小伙伴们以为地图太高大上了,那么实现起来估计也不容易,说实话,确实不那么容易,直接用echarts是要花些时间研究的,但是我们可以将其二次封装 ...
【26】地图可视化：基于 Echarts + Flask 的动态实时地图组件 - 点气泡流向组合区域三级下钻地图
目录一.大屏整体架构 Echarts + Flask + Bootstrap 1. 效果展示动态效果鼠标右键切换主题 2. 前端布局 Bootstrap 3. HTTP 服务端使用 Flask ...
echarts geo地图示例_ECharts 实现地图散点图上（转载）
转载来源:https://efe.baidu.com/blog/echarts-map-tutorial/ ECharts 实现地图散点图(上) 小红 2016-04-28 ECharts 作为国内应 ...
Echarts在map地图上添加散点图
Echarts在map地图上添加散点图一.需求: 我们使用map地图画出区域后,有时需要标注一些点,就需要用到散点图了,而在series属性中,只能有一个type参数,这时该怎么办呢? 二.实现我 ...
ECharts 在省份地图上定制自定义图标
ECharts 在省份地图上定制自定义图标原型上有个生态分布的板块,就像是每个国家想把国旗插到月球啊,北极,南极之类的,然后点击右侧的 lenged 能够打开关闭相应的部分.具体情况如下: 要想实现 ...
插件～使用ECharts动态在地图上标识点
ECharts可以很方便的在网页上绘制地图,图表,并且可以提供下载图像,放大,缩小,拖动等功能,今天主要说一下它的地图类型(type:＇map＇)是如何实现的．首先在ECharts地图的坐标需要我们 ...
echarts 使用百度地图加入自定义图标标记
首先先上效果图,静态图(PS.制作动图还在学习中~): 地图上的文字未展示,根据经纬度标记图,循环展示每个标记点的数据~ 一.如何引入百度地图申请百度开发秘钥AK http://lbsyun.bai ...

echarts 如何在地图组件上加入南海

echarts 如何在地图组件上加入南海相关推荐

最新文章

热门文章