Echart 中国地图 两个不同的格式的地图合并

我用EChart上 载入两种数据
1、整个城市上的数据
图片说明

2、用经伟度座标 标上的数据,是用蓝色圈圈的
图片说明

但是要使用蓝色圈圈的话,需要用到Echart-all.js
但使用后,地图背景就变灰色了,但是我要效果要如第一张图的样子

我想要合并两个数据,背景如图1,又有蓝色的经纬座标

请各位大神帮助!谢谢

图一的代码
<!DOCTYPE html>



<script src="js/jquery.min.js"></script>
<script src="js/echarts.js"></script>
<script src="js/china.js"></script>
<script src="js/all-province.js"></script>



<title></title>




<script>
    {



        var Province = "广东";
        var myChart = echarts.init(document.getElementById('map'));
        option = {

            title: {
                text: '省份销量额',
                subtext: '-',
                left: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: '{b}'
            },
            tooltip: {
                trigger: 'item'
            },

            visualMap: {
                min: 0,
                max: 1000,
                left: 'right',
                color: ['orange', 'yellow'],
                text: ['高', '低'],           // 文本,默认为数值文本
                calculable: true,

            },
            series: [

                {
                    name: 'B',
                    type: 'map',
                    mapType: Province,
                    selectedMode: 'single',
                    //left: '50%',
                    //top: '25%',
                    //width: '50%',
                    //height: '50%',
                    roam: true,

                    itemStyle: {
                        normal: {
                            label: {
                                show: true
                            }
                        },
                        emphasis: {
                            label: {
                                show: true
                            }
                        }
                    },
                    data: [{ name: "深圳市", value: 426 }, { name: "中山市", value: 221 }]


                }



            ]
        };



        myChart.setOption(option);
        window.addEventListener("resize", function () {
            myChart.resize();
        });


    }


</script>

图二的代码
<!DOCTYPE html>



<script src="js/jquery.min.js"></script>
<script src="js/echarts.js"></script>
<script src="js/china.js"></script>
<script src="js/all-province.js"></script>
<script src="js/echarts-all.js"></script>


<title></title>




<script>
    {



        var Province = "广东";
        var myChart = echarts.init(document.getElementById('map'));
        option = {

            title: {
                text: '省份销量额',
                subtext: '-',
                left: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: '{b}'
            },
            tooltip: {
                trigger: 'item'
            },

            visualMap: {
                min: 0,
                max: 1000,
                left: 'right',
                color: ['orange', 'yellow'],
                text: ['高', '低'],           // 文本,默认为数值文本
                calculable: true,

            },
            series: [
            {
                name: 'A',
                    type: 'map',
                    mapType: Province,

                    data: [],
                    markPoint: {
                        itemStyle : {
                normal:{
                    color:'skyblue'
                }
            },
                        data: [

                            { name: "厦门", value: 2600 },
                            { name: "汕尾", value: 2633 },
                            { name: "潮州", value: 2624 },
                            { name: "丹东", value: 273 }
                        ]
                    },
                    geoCoord: {
                        "海门": [121.15, 31.89],
                        "鄂尔多斯": [109.781327, 39.608266],
                        "招远": [120.38, 37.35],
                        "文登": [122.05, 37.2],
                        "上海": [121.48, 31.22],
                        "攀枝花": [101.718637, 26.582347],
                        "威海": [122.1, 37.5],
                        "承德": [117.93, 40.97],
                        "厦门": [118.1, 24.46],
                        "汕尾": [115.375279, 22.786211],
                        "潮州": [116.63, 23.68]

                    }
                },
                {
                    name: 'B',
                    type: 'map',
                    mapType: Province,
                    selectedMode: 'single',
                    //left: '50%',
                    //top: '25%',
                    //width: '50%',
                    //height: '50%',
                    roam: true,

                    itemStyle: {
                        normal: {
                            label: {
                                show: true
                            }
                        },
                        emphasis: {
                            label: {
                                show: true
                            }
                        }
                    },
                    data: [{ name: "深圳市", value: 426 }, { name: "中山市", value: 221 }]


                }



            ]
        };



        myChart.setOption(option);
        window.addEventListener("resize", function () {
            myChart.resize();
        });


    }


</script>

2个回答

    myChart.setOption(option);
    window.addEventListener("resize", function () {
        myChart.resize();
    });


}这个地方采用的是java调用了接口
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Echart 中国地图 两个不同的格式的地图合并
我用EChart上 载入两种数据n1、整个城市上的数据n![图片说明](https://img-ask.csdn.net/upload/201805/19/1526703848_745279.png)nnn2、用经伟度座标 标上的数据,是用蓝色圈圈的n![图片说明](https://img-ask.csdn.net/upload/201805/19/1526703833_912874.png)nn但是要使用蓝色圈圈的话,需要用到Echart-all.jsn但使用后,地图背景就变灰色了,但是我要效果要如第一张图的样子nn我想要合并两个数据,背景如图1,又有蓝色的经纬座标nn请各位大神帮助!谢谢nn图一的代码nnnnn n nn n n n nnnn nnnn n n nn nnnnnnnnn图二的代码nnnnn n nn n n n n nnn nnnn n n nn nnnnnnn
echart中国地图,多地图案例
1.多地图案例 2.中国地图
echart中国地图
echart中国地图
echart中国地图跟省地图整合
中国地图跟省市地图的整合    var stackChart = echarts.init(document.getElementById('ditu')); option = {     tooltip : {         trigger
vue + echart +map中国地图,省市地图,区县地图
第一步:安装依赖包 npm install echarts --save 在main.js 中全局引入import echarts from 'echarts' Vue.prototype.$echarts = echarts 第二步:引入地图文件(此处路径可以参照node_modules 文件夹里的,echarts依赖包中具体路径写) 1.中国地图 import &amp;amp;amp;amp;amp;amp;amp;quot;echarts/map...
echart中国地图.zip
中国地图可视化展示,包括数据的上卷下钻分析,可以下钻到市县级
echart中国地图json
echarts中国地图js/json数据,最新2019年中国地图,最新2019年中国地图
echart实现中国地图
1.渲染地图的基础配置 chinaMap () { // 地图 const obj = { title: { text: '' }, backgroundColor: '', tooltip: { trigger: 'item', formatter: '{b}...
GIS 地图 shap格式中国地图 .shp格式
GIS 地图 shap格式中国地图 .shp格式 GIS 地图 shap格式中国地图 .shp格式
echart 地图
echarts全国省市级行政规划详细地图,包括js数据和json数据
echart地图
使用echart官网提供的json和js实现对省市地图的离线绘制
合并内容格式不同的两个文件
题目描述:将文件a.txt中的单词与文件b.txt中的单词交替合并到文件c.txt中,a.txt中的单词用回车符分隔,b.txt中的单词用回车符或者空格分隔 思路分析:由于题目明确说明了文件a.txt与文件b.txt的分隔符有所不同,所以考虑新建一个文件类,该类描述文件,属性有单词、分隔符;然后在再建立一个合并文件的类,该类进行交替读写文件操作 文件描述类: public class Fil
完整版中国地图CAD格式矢量地图最新
完整版中国地图CAD格式矢量地图,最新最全的,精准到小路及村镇。
Android Echart 中国地图简单集成
Echart图表式百度出品的图表工具,我把他的地图简单的集成到android 项目里,需要的人可以看看。
echart扩展地图
详见: http://qgc.qq.com/301523753/t/18 ps:svg文件中需要指明每一块地名称,在配置中做好映射 哈萨克斯坦的地图svg如下: xml version="1.0" encoding="utf-8"?> "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD
echart 省份地图 json数据
echart 省份地图 json数据
echart地图JSON JS
echart地图JSON JS 所有省市 引用后即可使用 包含JS使用案例
echart地图城市无法显示?
echart地图城市无法显示? 我们在使用echart的地图时,需要下载好地图的配置文件的json,然后将其转化为js文件。 我们在调用数据时,一定要注意数据的完整性。确保地图匹配时所用的经度纬度信息与配置文件一致。否则地图在绘制时会因为元素的缺失而发生整个城市未显示的bug。
echart地图双击放大
注:echart地图需要引用第三方插件注2:echart地图虽然实现了双击放大  但是还未实现 以点击处为中心点实现放大效果   提示:主要需要计算经纬度  暂时还不知道怎么获取点击点的经纬度 &amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;    &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;    &amp;lt;title&amp;gt;ECharts&amp;l..
重庆echart地图
重庆echart地图,因为 Echarts 官方不再提供地图数据的下载,在这里保存一份,供日后使用,重庆地图数据的 JSON 文件在 CSDN 上下载。可实现echart应用。
地图,中国地图显示
中国地图的最新版,鼠标放上去,都有,对应省份都会高亮
绝对矢量化地图,中国地图
中国矢量化是图,放大了不会影响效果。用Adobe lllustrator打开。
Echart省市区地图下钻
echart官方例子源码,从省份下钻到地市再到区县,很好的一个资源
echart地图实例
echart地图应用实例,有详细的试用介绍,的的的的的的的的
基于EChart的地图选择器
图1    基于Echart的地图选择器 ECharts,缩写来自EnterpriseCharts,商业级数据图表,是百度的一个开源的纯JavaScript图表库,业界给予了很多赞誉,这里不多说,需要了解详情的同学参见官网。其最贴切的地方在于本地化支持,使用时只需引入一个echarts.js文件,非常方便。 本系统的授权模块中关于经销商的授权都涉及到ECharts插件制作的一个中国地图选择
Echarts 引用自己的json
echarts.registerMap('name', shandongJson)
echart地图.zip
内含25M的地图县数据和全国各地的数据,还有echarts的地图demo,Echarts 地图数据:世界地图、世界各国地图、中国地图、中国省份地图、中国城市地图
javasript 中国地图 焦点地图
javasript 中国地图 焦点地图 flash
flash中国地图 经销商地图
flash中国地图,可用作经销商信息显示、旅游景点显示等等,显示方式可执行设定(自定义显示页)或跳转到其他地址。
中国地图区划图 地图 区划图
中国地图区划图 地图 区划图
echart地图经纬度
asp.net+ajax+json读取sqlserver数据库经纬度,并通过echart显示。 打开App_Data文件夹,将数据库文件附加到sqlserver数据库。用VS打开网站选择根目录,运行程序。 数据库连接可在webconfig中修改
echart地图隐藏南海诸岛
echart3地图隐藏南海诸岛 echart地图隐藏南海诸岛
echart美国地图
echart美国地图
中国地图地图着色问题
两种方法,第一种递归回溯法,第二种是贪心法。 已知中国地图,请设计地图着色软件,对各省进行着色,要求相邻省所使用的颜色不同,并保证使用的颜色最少。
中国地图分省地图PPT
中国分省地图PPT 可修改 使用灵活 可用于论文作图 表示各地区情况等内容
高德地图两个不同的的功能合并
接高德地图的时候 分别用到了 实时定位 搜索 行政区域 标注 一开始把demo上的例子拷贝过来的时候没看js 以为拿过来就可以用  但事实不是这样的   高德的只能引入一个js  但js后面可以跟方法 逗号分割  &plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.DistrictSearch………… 好简单 居然搞了好久 愚了
不同字段的两个表的合并
table1rndeskid drinkid drinknum drinksaccountrn1001 102 1 10rn1002 110 1 10rnrnrntable2rndeskid dishesid dishesnum dishesaccountrn1001 1001 1 50rn1001 1008 1 45rn1002 1009 1 80rnrnrn我是想得到这样的一个数据集rndeskid drinkid drinknum drinkaccount dishesid dishesnum dishesaccountrn1001 102 1 10 1001 1 50rn1001 NULL NULL NULL 1008 1 45rn1002 110 1 10 1009 1 80rn恩,真头大了,都弄不好了
git合并两个不同的仓库
git pull origin master ----allow-unrelated-histories
两个不同表字段的合并
请问一下,如果合并两个不同表的字段,就是建立一个新表,这个表的字段有两个不同表的字段。谢谢相助!
SVN 合并两个不同的树
开发:dev 测试:test 开发完成后,需要合并到test然后部署,进入测试。   F:主干 合并到那里,那里就是主干【起始】 T:分支 从那里合并那里就是分支【结束】   先执行测试,看有什么问题,没问题后,在执行合并...
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法