Echarts绘制乡镇地图方法心得
在上一篇使用Echarts在前端页面绘制地图中简单介绍了使用Echarts在绘制地图的基本流程方法,但在项目上,客户要求使用乡镇区域数据,阿里云提供的地图数据是没有乡镇区域地图数据的,两个神器,玩美解决,步骤如下:
1、下载《BIGEMAP地图下载器破解版》
这里就不给连接了,大家自行搜索,很多的,下载安装后:
依次选择你想要的地区的省市县乡镇
选择好后,点击右下角的“导出边界”,并保存数据*.kml文件
2、使用在线工具http://geojson.io/也是一个神器点击直达,打开后选择菜单“open”–“file”,打开我们第一步保存的*.kml文件
这时我们可以看到,右侧就是我们渲染地图所需的目标JSON文件,复制保存,就可以用了
村级绘制方法,这里可以使用在线工具绘制区域,也可以使用echarts打散点实现
记录一下,方便备用!
Echarts绘制乡镇地图方法心得相关推荐
- vue echarts绘制市级地图下钻(带注释)
vue echarts绘制市级地图下钻 ------- 以浙江嘉兴市为例 首先要知道地图的数据获取:http://datav.aliyun.com/portal/school/atlas/area_s ...
- echarts 绘制中国地图(中英文转换)
echarts 绘制中国地图 1.引入echarts npm install echarts import echarts from 'echarts' 2.引入地图china.js(网上自行搜索下载 ...
- Echarts绘制各省地图
Echarts 绘制全国地图 近期工作需要用到echarts制作省内地图,研究了一番,好多人写的很模糊不好理解,我这里写个菜鸟教程记录一下. 在页面引入 jquery.js h和echarts.js ...
- vue + echarts 实现乡镇地图
vue +echarts 实现乡镇地图 一.导入地图数据(我这里用的是json) 在这里插入代码片 ``<template><div class="content" ...
- vue使用echarts绘制中国地图
vue使用echarts绘制中国地图 //myMap.vue <div id="geo"></div>//china.js下载地址 https://down ...
- 使用Echarts绘制geo地图(案例)
使用Echarts绘制geo地图(案例) 项目使用@vue/cli 4.5.13以及echarts版本为5.1.2. 需求:在省份地图上,将数据进行分段映射.如图: 首先下载geojson数据 链接: ...
- 不习惯的 Vue3 起步六 の Echarts绘制下钻地图
序 看过一些可视化大屏展示地图的例子,准备动手做做. 既然要开始比制作,那么先把目标定好,做一个展示中国城市的下钻地图 使用: Vue3 Vite Typescript echarts 实现效果: 准 ...
- Echarts — 绘制省级地图
版本:vue@3.0.5 + echarts@5.1.2 本文将介绍如何使用 echarts 绘制一个省级地图(以江西省为例) 一.安装 echarts npm i echarts --save-de ...
- Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示
}, { name: "福建", value: 20, }, { name: "贵州", value: 74, }, { name: "广东" ...
最新文章
- visual studio2010-2015编译部署caffe
- 解决go get 下载慢的问题
- RL之DQN:基于TF训练DQN模型玩“打砖块”游戏
- iOS MD5 (消息摘要算法5)
- 个人求职简历计算机应用技术学院信息门户,计算机应用技术专业求职简历范文...
- 没有icon_ICON设计干货来啦~
- 在VS上部署OpenGL
- html对话框跳转页面,html页面的简单对话框(alert, confirm, prompt)
- html 放上去动画停止,使用jQuery的animate()+CSS样式实现动画效果及stop()停止动画
- 联想台式计算机排行榜,联想电脑品牌机排名介绍
- 在DataTable中执行DataTable.Select(条件),
- Linux 基础命令3 shell
- idea新建一个springboot项目_SpringBoot(二):第一个Spring Boot项目
- android epson wifi,epson投影仪无线投屏怎么连接手机、电脑
- 用python处理蛋白质互作信息
- 王者荣耀: 史上最长对局, 无法打破的神话英雄, 10小时4千人头
- MySQL慢SQL探究
- 计算机网络学习——王道教材书(持续更新)
- MySQL Utilities
- 计算机四级网络工程师题目,计算机四级网络工程师笔试题目