可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理宝鸡市岐山县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
岐山县位于关中平原西部、宝鸡市境东北部，北接麟游县，南连太白县，东依扶风县、眉县，西邻凤翔区、陈仓区。总面积856平方千米。截至2022年10月，岐山县下辖9个镇。截至2023年1月，岐山县人口为46万人。
echarts宝鸡市岐山县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts宝鸡市岐山县geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
echarts宝鸡市岐山县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs宝鸡市岐山县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs宝鸡市岐山县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs宝鸡市岐山县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
宝鸡市岐山县 下辖有 故郡镇,枣林镇,益店镇,京当镇,凤鸣镇,青化镇,祝家庄镇,蔡家坡镇,蒲村镇,雍川镇
宝鸡市岐山县下辖区域坐标
{"故郡镇":[107.648587804113,34.50601369619203],"枣林镇":[107.71459183614701,34.35515399978169],"益店镇":[107.7592536175313,34.40120263740687],"京当镇":[107.79822865452593,34.5297122058023],"凤鸣镇":[107.63242613735684,34.44852303905384],"青化镇":[107.83710689198996,34.43067854168216],"祝家庄镇":[107.77070334367944,34.5157164544967],"蔡家坡镇":[107.60664355041752,34.23829643560178],"蒲村镇":[107.72921780231667,34.51995872500018],"雍川镇":[107.61740388552404,34.36711314970089]}
宝鸡市岐山县行政划分代码
[{"name":"故郡镇","code":"610323111000"},{"name":"枣林镇","code":"610323107000"},{"name":"益店镇","code":"610323103000"},{"name":"京当镇","code":"610323112000"},{"name":"凤鸣镇","code":"610323100000"},{"name":"青化镇","code":"610323106000"},{"name":"祝家庄镇","code":""},{"name":"蔡家坡镇","code":"610323101000"},{"name":"蒲村镇","code":"610323104000"},{"name":"雍川镇","code":"610323108000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
