1.地图实例

  function func_InEchart(){require.config({paths: {echarts: '../Scripts/echart2/echarts'},packages: [{name: 'BMap',location: '../Scripts/echart2/chart',main: 'main'}]});require(['../Scripts/echart2/echarts','BMap','../Scripts/echart2/chart/map'],function (echarts, BMapExtension) {var bmapChart = document.getElementById('echarts-map-chart');// 初始化地图var BMapExt = new BMapExtension(bmapChart, BMap, echarts, {enableMapClick: false});var map = BMapExt.getMap();var container = BMapExt.getEchartsContainer();var startPoint = {x: 104.114129,y: 37.550339};var point = new BMap.Point(startPoint.x, startPoint.y);map.centerAndZoom(point, 5);map.enableScrollWheelZoom(true);// 地图自定义样式
                    map.setMapStyle({styleJson: [{"featureType": "water","elementType": "all","stylers": {"color": "#044161"}},{"featureType": "land","elementType": "all","stylers": {"color": "#004981"}},{"featureType": "boundary","elementType": "geometry","stylers": {"color": "#064f85"}},{"featureType": "railway","elementType": "all","stylers": {"visibility": "off"}},{"featureType": "highway","elementType": "geometry","stylers": {"color": "#004981"}},{"featureType": "highway","elementType": "geometry.fill","stylers": {"color": "#005b96","lightness": 1}},{"featureType": "highway","elementType": "labels","stylers": {"visibility": "off"}},{"featureType": "arterial","elementType": "geometry","stylers": {"color": "#004981"}},{"featureType": "arterial","elementType": "geometry.fill","stylers": {"color": "#00508b"}},{"featureType": "poi","elementType": "all","stylers": {"visibility": "off"}},{"featureType": "green","elementType": "all","stylers": {"color": "#056197","visibility": "off"}},{"featureType": "subway","elementType": "all","stylers": {"visibility": "off"}},{"featureType": "manmade","elementType": "all","stylers": {"visibility": "off"}},{"featureType": "local","elementType": "all","stylers": {"visibility": "off"}},{"featureType": "arterial","elementType": "labels","stylers": {"visibility": "off"}},{"featureType": "boundary","elementType": "geometry.fill","stylers": {"color": "#029fd4"}},{"featureType": "building","elementType": "all","stylers": {"color": "#1a5787"}},{"featureType": "label","elementType": "all","stylers": {"visibility": "off"}}]});option = {color: ['gold', 'aqua', 'lime'],title: {text: '模拟迁徙',subtext: '数据纯属虚构',x: 'center',textStyle: {color: '#fff'}},tooltip: {trigger: 'item',formatter: function (v) {return v[1].replace(':', ' > ');}},legend: {orient: 'vertical',x: 'left',data: ['北京', '上海', '广州'],selectedMode: 'single',selected: {'上海': false,'广州': false},textStyle: {color: '#fff'}},toolbox: {show: true,orient: 'vertical',x: 'right',y: 'center',feature: {mark: { show: true },dataView: { show: true, readOnly: false },restore: { show: true },saveAsImage: { show: true }}},dataRange: {min: 0,max: 100,range: {start: 10,end: 90},x: 'right',calculable: true,color: ['#ff3333', 'orange', 'yellow', 'lime', 'aqua'],textStyle: {color: '#fff'}},series: [{name: '北京',type: 'map',mapType: 'none',data: [],geoCoord: {'上海': [121.4648, 31.2891],'东莞': [113.8953, 22.901],'东营': [118.7073, 37.5513],'中山': [113.4229, 22.478],'临汾': [111.4783, 36.1615],'临沂': [118.3118, 35.2936],'丹东': [124.541, 40.4242],'丽水': [119.5642, 28.1854],'乌鲁木齐': [87.9236, 43.5883],'佛山': [112.8955, 23.1097],'保定': [115.0488, 39.0948],'兰州': [103.5901, 36.3043],'包头': [110.3467, 41.4899],'北京': [116.4551, 40.2539],'北海': [109.314, 21.6211],'南京': [118.8062, 31.9208],'南宁': [108.479, 23.1152],'南昌': [116.0046, 28.6633],'南通': [121.1023, 32.1625],'厦门': [118.1689, 24.6478],'台州': [121.1353, 28.6688],'合肥': [117.29, 32.0581],'呼和浩特': [111.4124, 40.4901],'咸阳': [108.4131, 34.8706],'哈尔滨': [127.9688, 45.368],'唐山': [118.4766, 39.6826],'嘉兴': [120.9155, 30.6354],'大同': [113.7854, 39.8035],'大连': [122.2229, 39.4409],'天津': [117.4219, 39.4189],'太原': [112.3352, 37.9413],'威海': [121.9482, 37.1393],'宁波': [121.5967, 29.6466],'宝鸡': [107.1826, 34.3433],'宿迁': [118.5535, 33.7775],'常州': [119.4543, 31.5582],'广州': [113.5107, 23.2196],'廊坊': [116.521, 39.0509],'延安': [109.1052, 36.4252],'张家口': [115.1477, 40.8527],'徐州': [117.5208, 34.3268],'德州': [116.6858, 37.2107],'惠州': [114.6204, 23.1647],'成都': [103.9526, 30.7617],'扬州': [119.4653, 32.8162],'承德': [117.5757, 41.4075],'拉萨': [91.1865, 30.1465],'无锡': [120.3442, 31.5527],'日照': [119.2786, 35.5023],'昆明': [102.9199, 25.4663],'杭州': [119.5313, 29.8773],'枣庄': [117.323, 34.8926],'柳州': [109.3799, 24.9774],'株洲': [113.5327, 27.0319],'武汉': [114.3896, 30.6628],'汕头': [117.1692, 23.3405],'江门': [112.6318, 22.1484],'沈阳': [123.1238, 42.1216],'沧州': [116.8286, 38.2104],'河源': [114.917, 23.9722],'泉州': [118.3228, 25.1147],'泰安': [117.0264, 36.0516],'泰州': [120.0586, 32.5525],'济南': [117.1582, 36.8701],'济宁': [116.8286, 35.3375],'海口': [110.3893, 19.8516],'淄博': [118.0371, 36.6064],'淮安': [118.927, 33.4039],'深圳': [114.5435, 22.5439],'清远': [112.9175, 24.3292],'温州': [120.498, 27.8119],'渭南': [109.7864, 35.0299],'湖州': [119.8608, 30.7782],'湘潭': [112.5439, 27.7075],'滨州': [117.8174, 37.4963],'潍坊': [119.0918, 36.524],'烟台': [120.7397, 37.5128],'玉溪': [101.9312, 23.8898],'珠海': [113.7305, 22.1155],'盐城': [120.2234, 33.5577],'盘锦': [121.9482, 41.0449],'石家庄': [114.4995, 38.1006],'福州': [119.4543, 25.9222],'秦皇岛': [119.2126, 40.0232],'绍兴': [120.564, 29.7565],'聊城': [115.9167, 36.4032],'肇庆': [112.1265, 23.5822],'舟山': [122.2559, 30.2234],'苏州': [120.6519, 31.3989],'莱芜': [117.6526, 36.2714],'菏泽': [115.6201, 35.2057],'营口': [122.4316, 40.4297],'葫芦岛': [120.1575, 40.578],'衡水': [115.8838, 37.7161],'衢州': [118.6853, 28.8666],'西宁': [101.4038, 36.8207],'西安': [109.1162, 34.2004],'贵阳': [106.6992, 26.7682],'连云港': [119.1248, 34.552],'邢台': [114.8071, 37.2821],'邯郸': [114.4775, 36.535],'郑州': [113.4668, 34.6234],'鄂尔多斯': [108.9734, 39.2487],'重庆': [107.7539, 30.1904],'金华': [120.0037, 29.1028],'铜川': [109.0393, 35.1947],'银川': [106.3586, 38.1775],'镇江': [119.4763, 31.9702],'长春': [125.8154, 44.2584],'长沙': [113.0823, 28.2568],'长治': [112.8625, 36.4746],'阳泉': [113.4778, 38.0951],'青岛': [120.4651, 36.3373],'韶关': [113.7964, 24.7028]},markLine: {smooth: true,effect: {show: true,scaleSize: 1,period: 30,color: '#fff',shadowBlur: 10},itemStyle: {normal: {borderWidth: 1,lineStyle: {type: 'solid',shadowBlur: 10}}},data: [[{ name: '北京' }, { name: '上海', value: 95 }],[{ name: '北京' }, { name: '广州', value: 90 }],[{ name: '北京' }, { name: '大连', value: 80 }],[{ name: '北京' }, { name: '南宁', value: 70 }],[{ name: '北京' }, { name: '南昌', value: 60 }],[{ name: '北京' }, { name: '拉萨', value: 50 }],[{ name: '北京' }, { name: '长春', value: 40 }],[{ name: '北京' }, { name: '包头', value: 30 }],[{ name: '北京' }, { name: '重庆', value: 20 }],[{ name: '北京' }, { name: '常州', value: 10 }]]},markPoint: {symbol: 'emptyCircle',symbolSize: function (v) {return 10 + v / 10},effect: {show: true,shadowBlur: 0},itemStyle: {normal: {label: { show: false }}},data: [{ name: '上海', value: 95 },{ name: '广州', value: 90 },{ name: '大连', value: 80 },{ name: '南宁', value: 70 },{ name: '南昌', value: 60 },{ name: '拉萨', value: 50 },{ name: '长春', value: 40 },{ name: '包头', value: 30 },{ name: '重庆', value: 20 },{ name: '常州', value: 10 }]}},{name: '上海',type: 'map',mapType: 'none',data: [],markLine: {smooth: true,effect: {show: true,scaleSize: 1,period: 30,color: '#fff',shadowBlur: 10},itemStyle: {normal: {borderWidth: 1,lineStyle: {type: 'solid',shadowBlur: 10}}},data: [[{ name: '上海' }, { name: '包头', value: 95 }],[{ name: '上海' }, { name: '昆明', value: 90 }],[{ name: '上海' }, { name: '广州', value: 80 }],[{ name: '上海' }, { name: '郑州', value: 70 }],[{ name: '上海' }, { name: '长春', value: 60 }],[{ name: '上海' }, { name: '重庆', value: 50 }],[{ name: '上海' }, { name: '长沙', value: 40 }],[{ name: '上海' }, { name: '北京', value: 30 }],[{ name: '上海' }, { name: '丹东', value: 20 }],[{ name: '上海' }, { name: '大连', value: 10 }]]},markPoint: {symbol: 'emptyCircle',symbolSize: function (v) {return 10 + v / 10},effect: {show: true,shadowBlur: 0},itemStyle: {normal: {label: { show: false }}},data: [{ name: '包头', value: 95 },{ name: '昆明', value: 90 },{ name: '广州', value: 80 },{ name: '郑州', value: 70 },{ name: '长春', value: 60 },{ name: '重庆', value: 50 },{ name: '长沙', value: 40 },{ name: '北京', value: 30 },{ name: '丹东', value: 20 },{ name: '大连', value: 10 }]}},{name: '广州',type: 'map',mapType: 'none',data: [],markLine: {smooth: true,effect: {show: true,scaleSize: 1,period: 30,color: '#fff',shadowBlur: 10},itemStyle: {normal: {borderWidth: 1,lineStyle: {type: 'solid',shadowBlur: 10}}},data: [[{ name: '广州' }, { name: '福州', value: 95 }],[{ name: '广州' }, { name: '太原', value: 90 }],[{ name: '广州' }, { name: '长春', value: 80 }],[{ name: '广州' }, { name: '重庆', value: 70 }],[{ name: '广州' }, { name: '西安', value: 60 }],[{ name: '广州' }, { name: '成都', value: 50 }],[{ name: '广州' }, { name: '常州', value: 40 }],[{ name: '广州' }, { name: '北京', value: 30 }],[{ name: '广州' }, { name: '北海', value: 20 }],[{ name: '广州' }, { name: '海口', value: 10 }]]},markPoint: {symbol: 'emptyCircle',symbolSize: function (v) {return 10 + v / 10},effect: {show: true,shadowBlur: 0},itemStyle: {normal: {label: { show: false }}},data: [{ name: '福州', value: 95 },{ name: '太原', value: 90 },{ name: '长春', value: 80 },{ name: '重庆', value: 70 },{ name: '西安', value: 60 },{ name: '成都', value: 50 },{ name: '常州', value: 40 },{ name: '北京', value: 30 },{ name: '北海', value: 20 },{ name: '海口', value: 10 }]}},{name: '全国',type: 'map',mapType: 'none',data: [],markLine: {smooth: true,symbol: ['none', 'circle'],symbolSize: 1,itemStyle: {normal: {color: '#fff',borderWidth: 1,borderColor: 'rgba(30,144,255,0.5)'}},data: [[{ name: '北京' }, { name: '包头' }],[{ name: '北京' }, { name: '北海' }],[{ name: '北京' }, { name: '广州' }],[{ name: '北京' }, { name: '郑州' }],[{ name: '北京' }, { name: '长春' }],[{ name: '北京' }, { name: '长治' }],[{ name: '北京' }, { name: '重庆' }],[{ name: '北京' }, { name: '长沙' }],[{ name: '北京' }, { name: '成都' }],[{ name: '北京' }, { name: '常州' }],[{ name: '北京' }, { name: '丹东' }],[{ name: '北京' }, { name: '大连' }],[{ name: '北京' }, { name: '东营' }],[{ name: '北京' }, { name: '延安' }],[{ name: '北京' }, { name: '福州' }],[{ name: '北京' }, { name: '海口' }],[{ name: '北京' }, { name: '呼和浩特' }],[{ name: '北京' }, { name: '合肥' }],[{ name: '北京' }, { name: '杭州' }],[{ name: '北京' }, { name: '哈尔滨' }],[{ name: '北京' }, { name: '舟山' }],[{ name: '北京' }, { name: '银川' }],[{ name: '北京' }, { name: '衢州' }],[{ name: '北京' }, { name: '南昌' }],[{ name: '北京' }, { name: '昆明' }],[{ name: '北京' }, { name: '贵阳' }],[{ name: '北京' }, { name: '兰州' }],[{ name: '北京' }, { name: '拉萨' }],[{ name: '北京' }, { name: '连云港' }],[{ name: '北京' }, { name: '临沂' }],[{ name: '北京' }, { name: '柳州' }],[{ name: '北京' }, { name: '宁波' }],[{ name: '北京' }, { name: '南京' }],[{ name: '北京' }, { name: '南宁' }],[{ name: '北京' }, { name: '南通' }],[{ name: '北京' }, { name: '上海' }],[{ name: '北京' }, { name: '沈阳' }],[{ name: '北京' }, { name: '西安' }],[{ name: '北京' }, { name: '汕头' }],[{ name: '北京' }, { name: '深圳' }],[{ name: '北京' }, { name: '青岛' }],[{ name: '北京' }, { name: '济南' }],[{ name: '北京' }, { name: '太原' }],[{ name: '北京' }, { name: '乌鲁木齐' }],[{ name: '北京' }, { name: '潍坊' }],[{ name: '北京' }, { name: '威海' }],[{ name: '北京' }, { name: '温州' }],[{ name: '北京' }, { name: '武汉' }],[{ name: '北京' }, { name: '无锡' }],[{ name: '北京' }, { name: '厦门' }],[{ name: '北京' }, { name: '西宁' }],[{ name: '北京' }, { name: '徐州' }],[{ name: '北京' }, { name: '烟台' }],[{ name: '北京' }, { name: '盐城' }],[{ name: '北京' }, { name: '珠海' }],[{ name: '上海' }, { name: '包头' }],[{ name: '上海' }, { name: '北海' }],[{ name: '上海' }, { name: '广州' }],[{ name: '上海' }, { name: '郑州' }],[{ name: '上海' }, { name: '长春' }],[{ name: '上海' }, { name: '重庆' }],[{ name: '上海' }, { name: '长沙' }],[{ name: '上海' }, { name: '成都' }],[{ name: '上海' }, { name: '丹东' }],[{ name: '上海' }, { name: '大连' }],[{ name: '上海' }, { name: '福州' }],[{ name: '上海' }, { name: '海口' }],[{ name: '上海' }, { name: '呼和浩特' }],[{ name: '上海' }, { name: '合肥' }],[{ name: '上海' }, { name: '哈尔滨' }],[{ name: '上海' }, { name: '舟山' }],[{ name: '上海' }, { name: '银川' }],[{ name: '上海' }, { name: '南昌' }],[{ name: '上海' }, { name: '昆明' }],[{ name: '上海' }, { name: '贵阳' }],[{ name: '上海' }, { name: '兰州' }],[{ name: '上海' }, { name: '拉萨' }],[{ name: '上海' }, { name: '连云港' }],[{ name: '上海' }, { name: '临沂' }],[{ name: '上海' }, { name: '柳州' }],[{ name: '上海' }, { name: '宁波' }],[{ name: '上海' }, { name: '南宁' }],[{ name: '上海' }, { name: '北京' }],[{ name: '上海' }, { name: '沈阳' }],[{ name: '上海' }, { name: '秦皇岛' }],[{ name: '上海' }, { name: '西安' }],[{ name: '上海' }, { name: '石家庄' }],[{ name: '上海' }, { name: '汕头' }],[{ name: '上海' }, { name: '深圳' }],[{ name: '上海' }, { name: '青岛' }],[{ name: '上海' }, { name: '济南' }],[{ name: '上海' }, { name: '天津' }],[{ name: '上海' }, { name: '太原' }],[{ name: '上海' }, { name: '乌鲁木齐' }],[{ name: '上海' }, { name: '潍坊' }],[{ name: '上海' }, { name: '威海' }],[{ name: '上海' }, { name: '温州' }],[{ name: '上海' }, { name: '武汉' }],[{ name: '上海' }, { name: '厦门' }],[{ name: '上海' }, { name: '西宁' }],[{ name: '上海' }, { name: '徐州' }],[{ name: '上海' }, { name: '烟台' }],[{ name: '上海' }, { name: '珠海' }],[{ name: '广州' }, { name: '北海' }],[{ name: '广州' }, { name: '郑州' }],[{ name: '广州' }, { name: '长春' }],[{ name: '广州' }, { name: '重庆' }],[{ name: '广州' }, { name: '长沙' }],[{ name: '广州' }, { name: '成都' }],[{ name: '广州' }, { name: '常州' }],[{ name: '广州' }, { name: '大连' }],[{ name: '广州' }, { name: '福州' }],[{ name: '广州' }, { name: '海口' }],[{ name: '广州' }, { name: '呼和浩特' }],[{ name: '广州' }, { name: '合肥' }],[{ name: '广州' }, { name: '杭州' }],[{ name: '广州' }, { name: '哈尔滨' }],[{ name: '广州' }, { name: '舟山' }],[{ name: '广州' }, { name: '银川' }],[{ name: '广州' }, { name: '南昌' }],[{ name: '广州' }, { name: '昆明' }],[{ name: '广州' }, { name: '贵阳' }],[{ name: '广州' }, { name: '兰州' }],[{ name: '广州' }, { name: '拉萨' }],[{ name: '广州' }, { name: '连云港' }],[{ name: '广州' }, { name: '临沂' }],[{ name: '广州' }, { name: '柳州' }],[{ name: '广州' }, { name: '宁波' }],[{ name: '广州' }, { name: '南京' }],[{ name: '广州' }, { name: '南宁' }],[{ name: '广州' }, { name: '南通' }],[{ name: '广州' }, { name: '北京' }],[{ name: '广州' }, { name: '上海' }],[{ name: '广州' }, { name: '沈阳' }],[{ name: '广州' }, { name: '西安' }],[{ name: '广州' }, { name: '石家庄' }],[{ name: '广州' }, { name: '汕头' }],[{ name: '广州' }, { name: '青岛' }],[{ name: '广州' }, { name: '济南' }],[{ name: '广州' }, { name: '天津' }],[{ name: '广州' }, { name: '太原' }],[{ name: '广州' }, { name: '乌鲁木齐' }],[{ name: '广州' }, { name: '温州' }],[{ name: '广州' }, { name: '武汉' }],[{ name: '广州' }, { name: '无锡' }],[{ name: '广州' }, { name: '厦门' }],[{ name: '广州' }, { name: '西宁' }],[{ name: '广州' }, { name: '徐州' }],[{ name: '广州' }, { name: '烟台' }],[{ name: '广州' }, { name: '盐城' }]]}}]};var myChart = BMapExt.initECharts(container);window.onresize = myChart.onresize;BMapExt.setOption(option);});}

转载于:https://www.cnblogs.com/leolzi/p/8032117.html

Echart 地图实例相关推荐

  1. vue中使用echarts结合百度地图制作地图(引入百度地图、获取百度地图实例、设置百度地图)

    1.初始化echarts以及例子可以看管网的 地址:https://echarts.apache.org/examples/zh/editor.html?c=map-polygon 2说下我遇到的问题 ...

  2. echart地图双击放大

    注:echart地图需要引用第三方插件 注2:echart地图虽然实现了双击放大  但是还未实现 以点击处为中心点实现放大效果   提示:主要需要计算经纬度  暂时还不知道怎么获取点击点的经纬度 &l ...

  3. echart地图以及地图链路样式

    echart地图以及地图链路样式 html js引入的先后顺序很重要 <!DOCTYPE html> <html lang="en"> <head&g ...

  4. ArcGIS API for Silverlight开发入门(2):一个基础地图实例

    这节在一个地图实例的基础上,来对Silverlight API中的一些基本概念做一个总体了解,顺便熟悉一下Silverlight的开发知识.         点击这里,直接看效果. 下载 (722.0 ...

  5. echart地图知识点

    echart地图城市经纬度 使用geo时,导入china.js,填数剧时,前两列映射到经纬度,第三列映射到值,嵌套数组 //转换数据示例 //取地图映射数据function convertData(d ...

  6. 微信小程序-地图实例

    效果图 第一步申请高德地图Key 申请地址 下载amap-wx.js 高德地图封装好了的API 用到API接口二次封装 let amapFile = require("./amap-wx&q ...

  7. vue 高德地图 定位插件 地图实例插件 获取点击的地方的经纬度和具体地址

    npm 安装 推荐 npm 安装. npm install vue-amap --saveimport VueAMap from 'vue-amap';Vue.use(VueAMap); VueAMa ...

  8. echart地图合并,并取消边框

    原文地址:https://blog.csdn.net/qq_19816325/article/details/108520451 问题 echart地图区域合并,并不出现边框 按照之前的经验,每个区域 ...

  9. 解决echart地图在平移和缩放后,重新生成地图,这时生成的地图不在容器中间,会跑到容器外面去。

    解决echart地图在平移和缩放后跑到容器外面去 写在前面 解决办法 实现效果图 外卖红包优惠券在哪里领,那些天天都可以领外卖优惠券的公众号是真的吗? 写在前面 用echart做一个中国地图(可缩放和 ...

最新文章

  1. 主席树 ---- LCA(树上第k大)Count on a tree
  2. AutoX“真无人”车队驶上繁忙街头,中国正式进无人驾驶时代
  3. 华为抢购助手_就一句话,华为这个智慧办公新物种“有点东西”!
  4. Java中的覆盖和隐藏以及final关键字
  5. boost::gil::view_is_mutable用法的测试程序
  6. matlab偶极矩电场强度分布图_物理-电磁学|第三讲|静电场中的电介质
  7. js 图片库 改进版
  8. ppt倒计时3分钟_这些出神入化的PPT小技巧,帮你轻松告别丑PPT!花3分钟看一看吧...
  9. TOP计划猿10最佳实践文章
  10. FreeRTOS源码分析与应用开发04:消息队列
  11. php 如何区分0和false,php中怎么区别false与0
  12. 跟阿铭学linux书摘
  13. 可行性分析报告-学生信息管理系统
  14. oppo计算机锁屏快捷键,oppo一键锁屏方法【图文教程】
  15. 服务器装系统鼠标键盘用不了怎么办,教你重装系统鼠标键盘不能用怎么解决?...
  16. R 和 rgl 绘制 3D 结
  17. python中的token是什么
  18. Nagios如何配置告警短信?
  19. Tita绩效宝:在360度评估中要问的10个最佳问题
  20. 元素水平垂直居中的六种方式

热门文章

  1. 8.Azure文件(文件共享)-NAS(中)
  2. Android7.0 PowerManagerService 之亮灭屏(二) PMS 电源状态管理updatePowerStateLocked()...
  3. AndroidStudio 编译异常java.lang.OutOfMemoryError: GC overhead limit exceeded
  4. vSphereClient向ESXi主机分配许可证
  5. php课程---JavaScript与Jquery的区别(转)
  6. HTML标签的分类与特点
  7. excel 表生成insert语句。
  8. 在SQL中使用PL/SQL函数存在的问题
  9. 去掉“搜一搜”后,让“查看新贴”等按钮居中
  10. Web前端——JavaScript(bom文档对象模型)