可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理日喀则市江孜县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts日喀则市江孜县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts日喀则市江孜县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts日喀则市江孜县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs日喀则市江孜县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣，可以观看threejs视频 Three.js前端3D可视化
threejs日喀则市江孜县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs日喀则市江孜县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
日喀则市江孜县 下辖有 热索乡,达孜乡,重孜乡,卡堆乡,藏改乡,卡麦乡,纳如乡,日星乡,年堆乡,日朗乡,康卓乡,江孜镇,江热乡,热龙乡,紫金乡,车仁乡,金嘎乡,龙马乡,加克西乡
日喀则市江孜县下辖区域坐标
{"热索乡":[89.39642823262935,29.01418519058123],"达孜乡":[89.45247946597433,29.07815730452116],"重孜乡":[89.45442806073737,28.99106677771317],"卡堆乡":[89.59223708048418,29.0975151808999],"藏改乡":[89.56985168093746,28.99799985471167],"卡麦乡":[89.47610080758855,29.1573653226724],"纳如乡":[89.68977686238709,29.11572625285143],"日星乡":[89.28697550794652,28.91073437841089],"年堆乡":[89.68002113938863,28.94345491175075],"日朗乡":[89.80612160849128,28.9632884008702],"康卓乡":[89.4435133720323,28.82991083786766],"江孜镇":[89.60516439723142,28.91928555483992],"江热乡":[89.56906996202875,28.83669584547486],"热龙乡":[90.09820906703219,28.86996616651604],"紫金乡":[89.52697169800969,28.91833664123867],"车仁乡":[89.73524921735287,28.83099657428766],"金嘎乡":[89.31962263294852,28.77190184143908],"龙马乡":[89.90053950219715,28.87557852027997],"加克西乡":[89.20493242281117,28.58056971857614]}
日喀则市江孜县行政划分代码
[{"name":"热索乡","code":"540222206000"},{"name":"达孜乡","code":"540222205000"},{"name":"重孜乡","code":"540222207000"},{"name":"卡堆乡","code":"540222202000"},{"name":"藏改乡","code":"540222203000"},{"name":"卡麦乡","code":"540222201000"},{"name":"纳如乡","code":"540222200000"},{"name":"日星乡","code":"540222215000"},{"name":"年堆乡","code":""},{"name":"日朗乡","code":"540222204000"},{"name":"康卓乡","code":"540222213000"},{"name":"江孜镇","code":"540222100000"},{"name":"江热乡","code":"540222211000"},{"name":"热龙乡","code":"540222217000"},{"name":"紫金乡","code":"540222210000"},{"name":"车仁乡","code":"540222216000"},{"name":"金嘎乡","code":"540222214000"},{"name":"龙马乡","code":"540222208000"},{"name":"加克西乡","code":"540222209000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
