echarts台州市温岭市geoJson地图3d地图自定义贴图-绿色地面效果实例

geoJson2 yekong

大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是台州市温岭市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts台州市温岭市geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts台州市温岭市geoJson地图3d地图自定义贴图-绿色地面

echarts台州市温岭市geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts台州市温岭市geoJson地图热力图

echarts台州市温岭市geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts台州市温岭市geoJson地图阴影

threejs台州市温岭市geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js 3D可视化

threejs台州市温岭市geoJson地图3d地图css2d标签

threejs台州市温岭市geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs台州市温岭市geoJson地图3d地图添加描边效果

台州市温岭市 下辖有 城东街道,温峤镇,坞根镇,城南镇,大溪镇,新河镇,松门镇,泽国镇,滨海镇,石塘镇,箬横镇,城北街道,城西街道,太平街道,横峰街道,石桥头镇

台州市温岭市下辖区域坐标

{"城东街道":[121.40068131833682,28.40214065993391],"温峤镇":[121.26736516943109,28.38681511716226],"坞根镇":[121.25450932329058,28.31150802582345],"城南镇":[121.35959099373746,28.30865916733992],"大溪镇":[121.24868862991852,28.46812450114751],"新河镇":[121.46029177729301,28.46146144780463],"松门镇":[121.62601451207806,28.36603197205327],"泽国镇":[121.36247972109423,28.49023075844943],"滨海镇":[121.544383528499,28.46498337332066],"石塘镇":[121.64155267104881,28.26337435129324],"箬横镇":[121.51555334410872,28.36921990725533],"城北街道":[121.38270090645722,28.44616563185586],"城西街道":[121.34211780539952,28.38903340225221],"太平街道":[121.35693510745004,28.36314754320108],"横峰街道":[121.34395038046735,28.42928676899468],"石桥头镇":[121.44863778855446,28.35234376953574]}

台州市温岭市行政划分代码

[{"name":"城东街道","code":"331081002000"},{"name":"温峤镇","code":"331081107000"},{"name":"坞根镇","code":"331081110000"},{"name":"城南镇","code":"331081108000"},{"name":"大溪镇","code":"331081101000"},{"name":"新河镇","code":"331081104000"},{"name":"松门镇","code":"331081102000"},{"name":"泽国镇","code":"331081100000"},{"name":"滨海镇","code":"331081106000"},{"name":"石塘镇","code":"331081105000"},{"name":"箬横镇","code":"331081103000"},{"name":"城北街道","code":"331081004000"},{"name":"城西街道","code":"331081003000"},{"name":"太平街道","code":"331081001000"},{"name":"横峰街道","code":"331081005000"},{"name":"石桥头镇","code":"331081109000"}]

说明

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

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

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

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

台州市温岭市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts台州市温岭市geoJson地图3d地图自定义贴图-绿色地面效果实例