echarts地图随机点生成

例：

其他代码我就不放了，一是在市上随机点，二是镇的随机点，
这注意先setOption生成地图后，再去改data再setOption
市散点：

var data = [];
var randomCount = 100;
var geo = myChart.getModel().getComponent('geo').coordinateSystem;
var region = geo.getRegion('中山市');
var rect = region.getBoundingRect();for (var i = 0; i < randomCount; i++) {var coord = [Infinity, Infinity];while (!region.contain(coord)) {coord[0] = rect.x + Math.random() * rect.width;coord[1] = rect.y + Math.random() * rect.height;}const itemName = 's'+i; geoCoordMap[itemName] = coord;data.push({name: itemName,value: 100})
}

区散点：

var data = [{name: '古镇镇',value: 219
}];
var geo = myChart.getModel().getComponent('geo').coordinateSystem;
var rect = region.getBoundingRect();data.forEach(function (item,index) {var randomCount = 10;var region = geo.getRegion(item.name);if (!region) {return;}var rect = region.getBoundingRect();for (var i = 0; i < randomCount; i++) {var coord = [Infinity, Infinity];while (!region.contain(coord)) {coord[0] = rect.x + Math.random() * rect.width;coord[1] = rect.y + Math.random() * rect.height;}points.push(coord);const itemName = 's'+index+''+i;geoCoordMap[itemName] = coord;data.push({name: itemName,value: i*20})}});

echarts地图随机点生成相关推荐

echarts地图生成
echarts地图扩展文件使用geoJson格式. 1.在线生成 http://ecomfe.github.io/echarts-map-tool/ 这里可以生成省市区的json,但是最多生成到&q ...
“以撒的结合”地图是怎样生成的——RogueLike地图随机生成
RogueLike地图随机生成挺喜欢玩<以撒的结合>的,觉得游戏里房间的随机生成挺有意思刚好在写一个自己的RogueLike游戏,就想着来复刻一下首先来看一下<以撒的结合> ...
百度地图随机生成某个行政区域的随机坐标（用于生成模拟数据）
百度地图随机生成某个行政区域的随机坐标主要是为了生成模拟数据示例 <!DOCTYPE html> <html lang="en"> <head&g ...
Angular7 + 各个省市地图【传入不同的行政区code自动生成对应的echarts地图】
http://datav.aliyun.com/tools/atlas/#&lat=38.3939818785999&lng=79.2311982583502&zoom=7.5 ...
12.Unity2D 横版 TileMap随机生成简易横版瓦片地图+随机生成环境（花草树石）精灵图+2d-extras+协程的应用
量过大总目录本教程涉及协程,如果不懂协程请点击上方总目录6,7节课查看协程为什么要用携程呢?因为协程可以使得整个函数在过程运行,而不用一帧中完成所有的函数,不然只得计算量过大,让机器卡住. 开 ...
echarts地图文字重叠解决方案_Echarts扩展地图文字位置错乱的问题
最近在弄echarts 因为要用到扩展地图,所以在官网下载了相应的json文件 ,引入之后发现文字位置错乱于是查找网上资料发现 textFixed : { '大洋洲' : [265, 0], }, ...
ECharts地图使用
ECharts地图使用最近项目开发中用到了ECharts地图,感觉ECharts地图美观炫酷,所 ...
Echarts地图绘制自定义区域 - geojson.io使用方法
Echarts地图绘制自定义区域 & 解决区域点击无效 1. 绘制地图自定义区域需求:绘制带高新区的河源市地图,目前百度地图json还没有此新区.需手动绘制. STEP1:获取市区json ...
百度ECharts地图GeoJson数据在线下载 2021
百度ECharts地图GeoJson数据在线下载项目中使用到了百度的图表插件ECharts,不得不说是真的好用,但是用到地图部分时,竟然没有地图的json数据包,网上.GitHub搜索,找到的离线包 ...
echarts地图上的标签为图片_ECharts中地图的使用
前台界面样式 map.png 介绍根据点的经纬度,和两点之间的联通状态,动态显示两点的状态. .map { height: 40rem; } js引用 echarts.min.js; china.j ...

echarts地图随机点生成

例：

echarts地图随机点生成相关推荐

最新文章

热门文章