echarts松原市扶余市geoJson地图label样式自定义代码演示

geoJson2 yekong

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

echarts松原市扶余市geoJson地图label样式自定义

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

echarts松原市扶余市geoJson地图label样式自定义

echarts松原市扶余市geoJson地图根据经纬度显示自定义html弹窗

echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.

echarts松原市扶余市geoJson地图根据经纬度显示自定义html弹窗

echarts松原市扶余市geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts松原市扶余市geoJson地图点击跳转到指定页面

threejs松原市扶余市geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs松原市扶余市geoJson地图3d地图鼠标移入显示标签并高亮

threejs松原市扶余市geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs松原市扶余市geoJson地图3d地图添加旋转棱锥

松原市扶余市 下辖有 三岔河镇,三井子镇,大林子镇,肖家乡,五家站镇,下岱吉灌区管理局,新万发镇,伊家店农场,拉林灌区管理局,弓棚子镇,拉林农场,增盛镇,得胜镇,新源镇,新站乡,更新乡,永平乡,蔡家沟镇,长春岭镇,陶赖昭镇,三骏满族蒙古族锡伯族乡

松原市扶余市下辖区域坐标

{"三岔河镇":[126.03289564873052,44.97332078564381],"三井子镇":[125.33524291339381,45.154680092164],"大林子镇":[125.55564342717375,45.23111265891966],"肖家乡":[125.86687214494928,45.06205997827945],"五家站镇":[125.64043323626355,44.96638796931146],"下岱吉灌区管理局":[125.43846710845631,45.40498008737852],"新万发镇":[125.5424502385246,45.07653090133859],"伊家店农场":[125.59372275061793,45.46460859323932],"拉林灌区管理局":[125.95099196904408,45.18313931678793],"弓棚子镇":[125.78412674472047,45.12967433894991],"拉林农场":[125.9003319335389,45.19321181565667],"增盛镇":[125.29045649809242,44.98234727773735],"得胜镇":[125.58370915088872,45.3955082847817],"新源镇":[126.01013020002449,44.86890164846495],"新站乡":[125.46757070742275,44.96797988265841],"更新乡":[125.71075175537501,45.246544341831],"永平乡":[125.11503297076695,45.17396843044509],"蔡家沟镇":[126.04336728565184,45.09986197403445],"长春岭镇":[125.37001254947162,45.36763808328841],"陶赖昭镇":[125.87387156831703,44.8704534763254],"三骏满族蒙古族锡伯族乡":[125.13579406608818,45.32507079527234]}

松原市扶余市行政划分代码

[{"name":"三岔河镇","code":"220781100000"},{"name":"三井子镇","code":"220781106000"},{"name":"大林子镇","code":"220781109000"},{"name":"肖家乡","code":"220781206000"},{"name":"五家站镇","code":"220781102000"},{"name":"下岱吉灌区管理局","code":"220781402000"},{"name":"新万发镇","code":"220781108000"},{"name":"伊家店农场","code":""},{"name":"拉林灌区管理局","code":"220781401000"},{"name":"弓棚子镇","code":"220781105000"},{"name":"拉林农场","code":""},{"name":"增盛镇","code":"220781107000"},{"name":"得胜镇","code":"220781111000"},{"name":"新源镇","code":"220781110000"},{"name":"新站乡","code":"220781203000"},{"name":"更新乡","code":"220781204000"},{"name":"永平乡","code":"220781201000"},{"name":"蔡家沟镇","code":"220781104000"},{"name":"长春岭镇","code":"220781101000"},{"name":"陶赖昭镇","code":"220781103000"},{"name":"三骏满族蒙古族锡伯族乡","code":"220781200000"}]

说明

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

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

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

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

松原市扶余市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts松原市扶余市geoJson地图label样式自定义代码演示