echarts 省市区县地图展示

获取json文件

1、通过高德数据可视化平台获取
2、POI下载JSON文件

根据json文件加载地图

    <div id="myChart"></div>

引用echarts

var myChart=echarts.init(document.getElementById('myChart'))
//通过JQuery 加载json文件
$.get('js/json/chongqing.json', function (geoJson) {
echarts.registerMap('chongqing', geoJson);
var option = {geo: {map: 'chongqing',//这里的名称需要和echarts.registerMap('china',{})中的名称一致label: { show: true }, //显示省份roam: true, //缩放},series: [], }
myChart.setOption(option)
})

地图根据需要展示需求下载不同json文件

自定义json文件

在高德数据可视化平台绘制自己需要的区域，绘制完成后下载geojson文件。

echarts 省市区县地图展示相关推荐

echarts地图罗平县的json_Echarts全国省市区县地图数据文件（含js及json)
[实例简介] Echarts全国省市区县地图数据文件(含js及json两种数据格式) [实例截图] [核心代码] Echarts全国省市区县地图数据文件(含js及json) └── Echarts全国 ...
eChars实现哈尔滨市区县地图展示
eChars实现哈尔滨市区县地图展示本次写的内容是关于eChars实现自定义地图的有关话题,虽然很多人都对eChars如何实现自定义地图进行过技术问答,但由于eChars官网对ECharts 之前提 ...
echarts实现河南各省市区县地图（河南省各省市区县地图json文件可以在我博客里下载）
前言:最近公司项目有个需求,展示河南省各省市区县的地图,并展示相应的数据,看了些资料决定用echarts实现. 一.完成之后的效果图点击市的模块显示对应的市,并显示对应市的数据点击区县的模块显示对 ...
百度地图省市区县信息展示
先上效果图(PS:数据为mock数据): 1.一级地图 2.二级地图 3.三级地图 . 4.四级地图概述效果图是不是有点多呀,不过能看到这里的估计这些效果图就是你们想要的效果啦,好,下面就来介绍一 ...
vue+echarts实现省份地图展示
一.效果下面以四川省地图为例,展示效果如下: 二.echarts的安装这里我是使用npm进行安装的,命令如下: npm install echarts 三.echarts各省份地图js导入以下是 ...
腾讯地图省市区县信息展示
话不多说,先上图: 1.点击省份显示市级信息标记,点击市显示区县信息标记 2.缩放到市级级别时显示市级信息标记,缩放到区县级别时显示区县信息标记 (PS:此技术也可以用来开发仿滴滴打车软件里的显示附近 ...
echarts区县级地图展示
最近在做的一个项目主要展示区县级的地图,并且要在县级城市绘制一些自定义图标.在echarts的json文件中,提供了市级城市的中心坐标点,但是并没有提供县级城市的中心坐标点,这个把我难住了,要怎么才能 ...
svg 地图_一秒带你制作出全国各省市区县地图
有时候,一张好的地图可以让我们的PPT有更好的展示效果.现在社会文字信息到处充盈着,人们对于信息的接收却更加偏向于简洁.直白. 今天,为大家介绍几款比较好的地图工具. 1.dataV 网址:http: ...
使用echarts完成中国省市区县镇地图展示
目录前言一.中国地图 1.1 地图数据-china.js 1.2 代码应用二.省份地图--以山东为例,其他省份同理 2.1 地图数据-shandong.js 2.2 代码应用三.市级地图--以 ...

echarts 省市区县地图展示

获取json文件

根据json文件加载地图

自定义json文件

echarts 省市区县地图展示相关推荐

最新文章

热门文章