geojson全国各省市区地图json数据绘制Echarts区域地图

全国json数据获取地址：

https://github.com/lyhmyd1211/GeoMapData_CN

单独区域json数据获取地址：

http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4

利用echarts通过获取的json文件绘制所需地图

代码示例：

renderMap (map, data) {let chart = $echarts.init(document.getElementById('mainTwo'));this.option.dataRange = {x: '10%',y: '8%',splitList: this.arr,show:this.areaStatMax>0?true:false,color: ['#E0022B', '#E09107', '#A3E00B'],textStyle: {color:'#fff',fontSize: 11}}this.option.series = [{name: map,type: 'map',mapType: map,roam: false,layoutCenter: ['50%', '45%'],//距左百分比，距上百分比layoutSize: "80%",//省份地图大小为600xp。nameMap:{'china':'中国'},zoom: 1,label: {normal:{show:true,textStyle:{color:'#fff',fontSize: 10}},emphasis: {show: true,textStyle:{color:'#fff',fontSize: 12}}},itemStyle: {normal: {areaColor: 'rgba(0,0,0,0)',borderColor: 'dodgerblue',label: {show: true}},emphasis: {areaColor: 'darkorange'},},data: data}]//鼠标移入地图不变黄色chart.on("mouseover", function() {chart.dispatchAction({type: "downplay"})})//渲染地图chart.setOption(this.option, true)window.addEventListener("resize", function() {chart.resize()})}

          let _self = this$.getJSON('../../../static/china.json', function(res){let d = []for( var i=0; i<res.features.length; i++ ){d.push({name: res.features[i].properties.name,value: Math.random()*100})}//注册地图$echarts.registerMap('china', res)//绘制地图_self.renderMap('china', _self.areaStat)//地图点击事件document.click = function (e) { return false; }chart.on('click', function (params) {if(_self.num == 0) {_self.$emit("sheng", 1,params.name)}else if( _self.num == 1 ){_self.$emit("city", 2, params.name)} else if (_self.num == 2) {_self.$emit("xian", 3, params.name)}})})

geojson全国各省市区地图json数据绘制Echarts区域地图相关推荐

geojson全国各省市区地图json数据
geojson全国各省市区地图json数据(目前仅到全国.省.市.区级别,无法到乡.镇.社区),现在尚未验证是高德or百度坐标系,预计阿里系应该是gcj-02坐标,有验证的小伙伴可回复下,嘿嘿 jso ...
Python爬虫小记(2) :抓取全国各省市疫情实时数据绘制2019-nCoV疫情地图
2021/07/15更新: 没有及时看到评论区反馈的问题,属实抱歉,拉下代码看了一下应该是Pyecharts中Map的data_pair数据类型发生了变化,现将dic_items转化 ...
HTML中地图根据数据变色,echarts中国地图根据数据对省份渲染不同的颜色
echarts中国地图 .centerItem { width: 856px; height: 640px; background-color: #fff; margin: 110px auto 0 ...
如何获取全国各省市区的地理区域位置（地图-JSON-点位-行政区域）
如何获取全国各省市区的JSON文件?在这之前,我们总是为了寻找相关区域的JSON地图文件发愁,看完本文之后,你就再也不会发愁了! 在这里,推荐一个网站 =>阿里云数据可视化平台通过选择左侧地图 ...
世界国家geojson大全，各国地图json数据下载
世界国家geojson大全,各国地图json数据下载转载于:https://www.cnblogs.com/firstcsharp/p/11309393.html
【应用】Python利用高德地图经纬度数据绘制定位
[应用]Python利用高德地图经纬度数据绘制定位一. 背景二. 获取API 1. 注册高德开放平台个人开发者 2. 获取key 三. 具体步骤 1. 库的导入 2. 根据地址获取经纬度 3. 绘 ...
GaoHR | 全国各省30m分辨率DEM数据
GaoHR | 全国各省30m分辨率DEM数据 Earthdata Search
可视化大屏系统基础模板+贵州省map地图json数据
最近应需求做一个可视化大屏系统,闲暇之余将成果分享一下,给需要的朋友,写的不好请见谅.如果你的需求不复杂如下所示,应该可以刚好符合你的需求. 一.项目演示: 基础模块: 全省数据: 各地市(遵义)地图 ...
vue+echarts 区域地图绘制（街道）
vue+echarts 区域地图绘制(街道) 1.以下是本人参考别的博主的链接 2.需要用到的资源 3.获取地图JSON (1)[阿里云](http://datav.aliyun.com/portal ...

geojson全国各省市区地图json数据绘制Echarts区域地图

geojson全国各省市区地图json数据绘制Echarts区域地图相关推荐

最新文章

热门文章