echarts地图离线包

描述

由于项目的特殊性，只能使用内网网络，所以不能用到在线实时数据包。
然而，早在几年前，echarts官网上的离线地图包官方以比例不符合国家规范下架了。

反而其推荐使用在线地图API（如百度地图api或者高德地图api）。
或者在线生成本地数据的工具：阿里的datav，高德的geojson，这里提供一些参考例子。

反正就是说它不在管地图数据这个事情了。

如果你非常想要现成的地图数据包，那么可去看看【echarts github上的地图js及json包（已经被垃圾Apache删除）】
如果你想要县级数据，可以看看这个人整理的【含县级地图的json包】

示例Demo
这是一个使用高德的geojson生成本地地图数据的演示

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>div { height: 500px; width: 500px; }</style>

</head>

<body>

    <div></div>

</body>

<script src="./lib/echarts.js"></script>

<script src="./lib/shandong.js"></script>

<script>

    // 基于准备好的dom，初始化echarts实例

    let chinaChart = echarts.init(document.querySelector('div'));

    // 指定图表的配置项和数据

    let chinaCharsOpt = {

        series: [{

            name: '地图',

            type: 'map',

            mapType: '山东',

            roam: false, //禁止拖拽

        }]

    }

    // 使用刚指定的配置项和数据显示图表。

    chinaChart.setOption(chinaCharsOpt);

</script>

</html>

echart国家、省、市、县地图的更多相关文章

  1. Django分析之三级下拉菜单选择省/市/县

    今天遇到了一个一直想做却没有机会去做的功能,今天完成了便记录下来. 那这次是具体是个什么功能呢?其实还是很简单的效果,就是在用户注册的时候可以选择省/市/县,很简单的一个小功能. 那现在就开始了~首先 ...

  2. e-chart 本地加载中国地图

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  3. Django实现 省 市 县 自关联的下拉级联

    前端部分: 三个下拉拉菜单进行级联 <body> <select id="province" > <option value="" ...

  4. 使用combobox下拉列表框实现省 市 县 的三级联动

    package com.hanqi.entity; //地区 public class Region { //地区id private String regionID; //地区名称 private ...

  5. IPIP.net识别客户端真实访问地址,具体到国家,省,市

    这个IP库实测还是比较准确的,免费版的可以具体到国内城市,国外只能到国家名称,免费版的自己定期更新Ip数据库即可. 以下为C#调用代码 class Program { static void Main ...

  6. 百度地图定位API，精度提高

    我使用百度定位API DEMO上面好像就可以setCoorType("bd09ll");//百度地图坐标. 然后我找了下从其它坐标体系迁移到百度坐标. 问下: 1.那我还能不能在百 ...

  7. 旅游吧！我在这里 ——旅游相册POI搜索：找回你的足迹

    版权声明:本文由林少彬原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/89 来源:腾云阁 https://www.qclou ...

  8. Sage Crm 权限原理分析

    文字是11年写的,贴出来共享一下,先来一张表结构图: 一.区域.表名:[territories] 1.我们先来看看区域表的结构. 从图中前面都是不能为空的字段,都是很重要的.来介绍一下这些字段: Te ...

  9. kylin从入门到实战：实际案例

    版权申明:转载请注明出处.文章来源:http://bigdataer.net/?p=308 排版乱?请移步原文获得更好的阅读体验 前面两篇文章已经介绍了kylin的相关概念以及cube的一些原理,这篇 ...

  10. echart 扩展地图不显示问题

    今天写项目需要一个安徽地图,但echart自带的安徽地图还是老版的,仍有巢湖市,但客户要求不能有,只好重新找, 后发现ECharts 地图数据在线生成工具 :http://ecomfe.github. ...

随机推荐

  1. 用ResourceHacker修改EXE图标

    1.打开ResourceHacker.exe 2.点击文件-打开-选择你需要修改的exe文件 3.点击操作-添加图像或二进制文件 4.点击选择文件-选择ico图标-添加资源 5.点击绿色保存图标 6. ...

  2. 大模型参数组成计算QwQ-32B为例

    计算大模型参数量主要依赖于模型的架构和各层配置,我们把常用大模型分为三层:输入层.transformer层.输出层. 输入层 参数组成是Embedding的词表总和 transformer层 参数组成 ...

  3. Rust实战系列-Rust介绍

    " 学习资料:rust in action[1] 1. Rust 安装 curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | ...

  4. 解决NET Core发布iis项目覆盖原有的项目时"另一个程序正在使用此文件，进程无法访问"

    解决NET Core发布iis项目覆盖原有的项目时"另一个程序正在使用此文件,进程无法访问" 现在net core运用的多了,一系列的问题接踵而来,更新项目发布到iis时就有一个坑 ...

  5. coreybutler/nvm-windows 简单使用

    目录 nvm是什么 安装 简单命令 nvm是什么 Windows电脑node.js管理器.可以方便node.js的安装与切换. 最新版本1.1.11 coreybutler/nvm-windows 有 ...

  6. windows 滑动关机

    可以参考:https://zhuanlan.zhihu.com/p/90087401

  7. 【经验】Python3｜输入多个整数（map方法或ctypes调用C标准库scanf）

    文章目录 方法一:多次调用input 1. 代码 方法二:调用C标准库 1. 代码 2. 残留的问题(int数组取元素) 附:计算时间差的程序(使用实例) 第一种读取方式: 第二种读取输入方式: 方法 ...

  8. helm3培训文档

    helm介绍1.传统服务部署到k8s集群的流程拉取代码--> 打包编译-->构建镜像-->准备一堆相关部署的yaml文件(如:deployment.service.ingress等) ...

  9. numpy.tile用法

    先说下在numpy中,个人对array的维度的比较形象的理解: array的维度就是从最外边的[]出发(可理解为array的声明),一直找到具体数值而经过的[]的数量(含最后的数值,它是最后一维) 比 ...

  10. Web安全入门学习--攻防世界web安全新手区过关心得

    这几天也是废了小小功夫,完成了这十道题目. 这十道题目说难不难,说简单对刚入门的同学来说也没有那么简单,但是做完可以对web有最初步的了解 下面开始解题 1.view_source 作为第一题,这题还 ...