echarts铜仁市印江土家族苗族自治县geoJson地图3d地图自定义图标演示实例

geoJson2 yekong 104℃

大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理铜仁市印江土家族苗族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts铜仁市印江土家族苗族自治县geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts铜仁市印江土家族苗族自治县geoJson地图3d地图自定义图标

echarts铜仁市印江土家族苗族自治县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts铜仁市印江土家族苗族自治县geoJson地图点击地图获取经纬度

echarts铜仁市印江土家族苗族自治县geoJson地图label样式自定义

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts铜仁市印江土家族苗族自治县geoJson地图label样式自定义

threejs铜仁市印江土家族苗族自治县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs课程视频 Three.js前端3D可视化教程

threejs铜仁市印江土家族苗族自治县geoJson地图3d地图添加金色效果

threejs铜仁市印江土家族苗族自治县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs铜仁市印江土家族苗族自治县geoJson地图3d地图自定义贴图加CSS2D标签

threejs铜仁市印江土家族苗族自治县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs铜仁市印江土家族苗族自治县geoJson地图3d地图红色描边闪烁警报

铜仁市印江土家族苗族自治县 下辖有 洋溪镇,罗场乡,中坝乡,刀坝乡,新业乡,新寨乡,朗溪镇,木黄镇,杨柳乡,永义乡,缠溪镇,沙子坡镇,合水镇,天堂镇,峨岭镇,杉树乡,板溪镇

铜仁市印江土家族苗族自治县下辖区域坐标

{"洋溪镇":[108.5000217337066,27.67599231568085],"罗场乡":[108.50523411587126,27.9147022980781],"中坝乡":[108.35027638324425,28.0516105552686],"刀坝乡":[108.58247286554902,28.24864435048208],"新业乡":[108.66433855162845,27.99436014223556],"新寨乡":[108.36750676964871,27.89986064874115],"朗溪镇":[108.48298696655871,28.00642178113237],"木黄镇":[108.71835276244082,28.09365609366165],"杨柳乡":[108.42265621158666,27.70660657115937],"永义乡":[108.60200764181027,27.95042548182068],"缠溪镇":[108.47728898141162,27.84811413362532],"沙子坡镇":[108.47108944137557,28.24268779623631],"合水镇":[108.58586751019041,28.05048401210836],"天堂镇":[108.57477210039224,28.16029098128622],"峨岭镇":[108.40850205170615,28.00812152405818],"杉树乡":[108.39402996565886,28.12914889001716],"板溪镇":[108.47808999966799,28.11545923382991]}

铜仁市印江土家族苗族自治县行政划分代码

[{"name":"洋溪镇","code":"520625108000"},{"name":"罗场乡","code":"520625206000"},{"name":"中坝乡","code":""},{"name":"刀坝乡","code":""},{"name":"新业乡","code":""},{"name":"新寨乡","code":""},{"name":"朗溪镇","code":"520625106000"},{"name":"木黄镇","code":"520625104000"},{"name":"杨柳乡","code":""},{"name":"永义乡","code":""},{"name":"缠溪镇","code":"520625107000"},{"name":"沙子坡镇","code":"520625102000"},{"name":"合水镇","code":"520625105000"},{"name":"天堂镇","code":"520625103000"},{"name":"峨岭镇","code":""},{"name":"杉树乡","code":""},{"name":"板溪镇","code":"520625101000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

铜仁市印江土家族苗族自治县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts铜仁市印江土家族苗族自治县geoJson地图3d地图自定义图标演示实例