echarts武威市地图自定义html弹窗实例

echarts yekong

数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts武威市地图自定义html弹窗实例

武威,简称“武”或“凉”,古称凉州、姑臧、雍州,是甘肃省 辖地级市,甘肃省人民政府批复确定的丝绸之路经济带甘肃段重要节点城市、国家历史文化名城,河西走廊中心城市。截至2020年,辖1个区、2个县和1个自治县,总面积3.23万平方公里,聚居着汉、藏、回、蒙等41个民族。根据第七次人口普查数据,截至2020年11月1日零时,武威市常住人口为1464955人。

效果截图

echarts武威市地图自定义html弹窗实例

我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts武威市地图自定义html弹窗实例

threejs 3d地图实例

通过threejs绘制的3d地图实例,如果对threejs不了解的话,可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs 3d地图实例

echarts武威市地图

echarts武威市地图

echarts武威市地图geoJson数据-飞线图

echarts武威市地图geoJson数据-飞线图

echarts武威市地图geoJson数据-自定义文字

echarts武威市地图geoJson数据-自定义文字

武威市包含凉州区,民勤县,古浪县,天祝藏族自治县。

武威市地区名称编码对照表


[{
	"name": "凉州区",
	"code": 620602
}, {
	"name": "民勤县",
	"code": 620621
}, {
	"name": "古浪县",
	"code": 620622
}, {
	"name": "天祝藏族自治县",
	"code": 620623
}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

echarts武威市地图自定义html弹窗实例代码下载地址

相关文件下载地址
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts武威市地图自定义html弹窗实例