echartMap.zip

  • 张阀
    了解作者
  • JavaScript
    开发工具
  • 1.4MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 10 积分
    下载积分
  • 0
    下载次数
  • 2021-01-20 11:56
    上传日期
echart map 地图图表展示包括所有地点
echartMap.zip
  • echartMap
  • map_json
  • 孝昌县.json
    15.2KB
  • 青山区.json
    18.9KB
  • 十堰市.json
    69.5KB
  • 咸丰县.json
    19.4KB
  • 老河口市.json
    8.3KB
  • 鹤峰县.json
    13.7KB
  • 襄州区.json
    26.3KB
  • 房县.json
    20.7KB
  • 红安县.json
    13.3KB
  • 樊城区.json
    15.1KB
  • 黄石港区.json
    3.7KB
  • 宜城市.json
    16.6KB
  • 阳新县.json
    16.6KB
  • 武汉市.json
    77.8KB
  • 江岸区.json
    4KB
  • 鄂城区.json
    9.4KB
  • 嘉鱼县.json
    9.2KB
  • 鄂州市.json
    20.3KB
  • 仙桃市.json
    15.8KB
  • 郧阳区.json
    18KB
  • 下陆区.json
    4.9KB
  • 宣恩县.json
    14.2KB
  • 五峰土家族自治县.json
    15.4KB
  • 武穴市.json
    7KB
  • 云梦县.json
    11.9KB
  • 通城县.json
    12.9KB
  • 伍家岗区.json
    5.3KB
  • 长阳土家族自治县.json
    21.1KB
  • 广水市.json
    15.9KB
  • 丹江口市.json
    16.2KB
  • 麻城市.json
    22.8KB
  • 黄冈市.json
    49.6KB
  • 点军区.json
    9KB
  • 崇阳县.json
    11.7KB
  • 硚口区.json
    5.7KB
  • 江汉区.json
    5.6KB
  • 公安县.json
    15KB
  • 沙市区.json
    7.3KB
  • 大悟县.json
    12.6KB
  • 随县.json
    15.4KB
  • 猇亭区.json
    4.5KB
  • 汉南区.json
    11.5KB
  • 荆州区.json
    13.2KB
  • 英山县.json
    10.5KB
  • 孝感市.json
    60.4KB
  • 张湾区.json
    15.6KB
  • 当阳市.json
    23.2KB
  • 谷城县.json
    12.4KB
  • 武昌区.json
    8.7KB
  • 大冶市.json
    16.8KB
  • 兴山县.json
    17.7KB
  • 汉阳区.json
    7.6KB
  • 黄陂区.json
    16.2KB
  • 咸安区.json
    13.6KB
  • 京山市.json
    16.3KB
  • 赤壁市.json
    18.1KB
  • cn.json
    989.4KB
  • 黄石市.json
    45.6KB
  • 掇刀区.json
    21.1KB
  • 竹山县.json
    17.1KB
  • 江夏区.json
    15.1KB
  • 神农架林区.json
    18.3KB
  • 东西湖区.json
    11.8KB
  • 黄州区.json
    5.4KB
  • 钟祥市.json
    15.2KB
  • 曾都区.json
    11.6KB
  • 西塞山区.json
    8.2KB
  • 团风县.json
    12.4KB
  • 沙洋县.json
    22.2KB
  • 应城市.json
    10.1KB
  • 枣阳市.json
    17.9KB
  • 宜昌市.json
    120.2KB
  • 咸宁市.json
    50.9KB
  • 茅箭区.json
    13.1KB
  • 江陵县.json
    12.5KB
  • 孝南区.json
    18.2KB
  • 利川市.json
    18.5KB
  • 襄阳市.json
    101.2KB
  • 秭归县.json
    15.2KB
  • 安陆市.json
    18.7KB
  • 洪湖市.json
    10.6KB
  • 潜江市.json
    14KB
  • 蕲春县.json
    11.1KB
  • 恩施市.json
    21.9KB
  • 湖北省.json
    151.7KB
  • 荆门市.json
    65.1KB
  • 梁子湖区.json
    10KB
  • 南漳县.json
    23.3KB
  • 来凤县.json
    12KB
  • 华容区.json
    7.4KB
  • 宜都市.json
    12.5KB
  • 通山县.json
    13.5KB
  • 松滋市.json
    16.5KB
  • 巴东县.json
    15.1KB
  • 铁山区.json
    2.9KB
  • 洪山区.json
    27.4KB
  • 随州市.json
    34.3KB
  • 蔡甸区.json
    14.5KB
内容介绍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <script src="./js/echart/echarts.min.js"></script> <script src="./js/jquery-3.4.1.min.js"></script> <style> html, body { width: 100%; height: 100%; padding: 0; margin: 0; } #main { display: flex; height: 100%; border: 1px solid rebeccapurple; } </style> <body> <div id="main"> </div> </body> <script> var myChart = echarts.init(document.getElementById('main')); myChart.showLoading(); window.onresize = myChart.resize; var geoJson = ""; var baseOption = { grid: { left: 10, right: 10 }, title: { left: 'center', text: '湖北省地图', link: 'javascript:map_select("湖北省");', target: 'self', textStyle: { fontSize: 32, }, subtext: "湖北省", sublink: 'javascript:map_select(lastName);', subtarget: 'self', subtextStyle: { fontSize: 26, } }, tooltip: { trigger: 'item', formatter: '{b}<br/>{c}' }, toolbox: { show: true, orient: 'vertical', //工具栏 icon 的布局朝向。 left: 'right', top: 'center', feature: { dataView: { readOnly: false }, restore: {}, saveAsImage: {}, // magicType: { // type: ['line', 'bar', 'stack', 'tiled'] // } } }, visualMap: { min: 1, max: 1000, text: ['高风险', '低风险'], realtime: false, calculable: true, inRange: { color: 'white', color: ['yellow', 'orangered'], } }, series: [ { name: '湖北省', type: 'map', // roam:'scale',//如果只想要开启缩放或者平移,可以设置成 'scale' 或者 'move'。设置成 true 为都开启 //center: [115.97, 29.71] //当前视角的中心点,用经纬度表示 mapType: 'hb', // 自定义扩展图表类型 label: { show: true }, itemStyle: { areaColor: 'white', borderColor: 'black', borderWidth: 1, borderType: 'solid', // 'solid', 'dashed', 'dotted'。 // shadowBlur: 10, //shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。 // shadowColor: 'black', // shadowOffsetX: 2, // shadowOffsetY: 2, // opacity: 1 }, emphasis: { itemStyle: { areaColor: '#6fc5e9', borderColor: 'black', borderWidth: 1, borderType: 'solid', // 'solid', 'dashed', 'dotted'。 shadowBlur: 10, //shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。 shadowColor: 'black', shadowOffsetX: 2, shadowOffsetY: 2, opacity: 1 }, }, data: [ { name: '武汉市', value: 2 }, { name: '襄阳市', value: 1 }, ], markPoint: { symbol: 'pin',//提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none' symbolSize: [20, 10], } } ] }; $.get('map_json/湖北省.json', function (json) { geoJson = json; myChart.hideLoading(); echarts.registerMap('hb', geoJson); myChart.setOption( baseOption ) }) myChart.on("click", function (param) { debugger map_select(param.name) }) var lastName = '湖北省'; var nowName = '湖北省'; var resName = ''; function map_select(name) { if (nowName == name) { return; } nowName = name; $.get('map_json/' + name + '.json', function (json) { baseOption.series = [ { name: name, type: 'map', mapType: 'WH', // 自定义扩展图表类型 label: { show: true }, data: [ { name: '武汉市', value: 2 }, { name: '襄阳市', value: 1 }, ], } ]; baseOption.title = { text: '湖北省地图', subtext: name }; geoJson = json; myChart.hideLoading(); echarts.registerMap('WH', geoJson); myChart.setOption( baseOption ) }) } </script> </html>
评论
    相关推荐
    • Echart动态加载数据
      ECharts动态加载数据,传递给界面层map,显示相应的数据.
    • ECharts使用心得(echart map)
      ECharts使用心得 上周项目组要临时给客户做一个演示的原型,首页设计的是一个中国地图,本来打算用谷歌的地图,但是,做出来之后,整体的效果看起来太差了,最后就在网上搜相关的地图呈现的控件,然后就找到了这个...
    • 基于java的echart实例
      基于echart的图形报表实例,欢迎各位下载!
    • echart2.0map例子.rar
      echart2.0地图使用接送数据 1.如果地图不全 ,或者需要绘制新的图 2.可以按照json或者js里面的数据格式,添加新的geo坐标数据 3.geo生成比较多,推荐 http://geojson.io可以导入修改或者在线生成
    • EchartMap.zip 密码:123456
      整理的Echarts省市县地图js文件和json,省市很全 整理的Echarts省市县地图js文件和json,省市很全 整理的Echarts省市县地图js文件和json,省市很全 整理的Echarts省市县地图js文件和json,省市很全
    • echart map 省市地图 可下钻.
      亲测可以用! echart 搭配百度api地图. 默认展示全国地图以及各个城市所拥有的资源,资源按大小圆展示. 文件tar.gz后缀,在window界面用解压工具如bandizip直接解压.
    • echart map地图资源
      全国地图,片区地图(华北,华中,华东等),省份,地市县都有 包括json和js geoJson-片区 全国、全国包括省、省、省含市,市和市含县
    • Uni Echart
      uni 跨平台使用 echart
    • echart_ajax
      使用jquery ajax 向后台controller发送请求,后台返回数据到页面,使用echarts进行图形展示。可以参考下前后台的数据交互
    • SIM800C_MQTT.rar
      使用SIM800C模块,使用MQTT协议,连接中国移动onenet平台,能实现数据的订阅、发布、存储等