echarts阿克苏地区库车县geoJson地图点击地图获取经纬度实例

geoJson2 yekong

随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理阿克苏地区库车县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

库车市,新疆维吾尔自治区阿克苏地区辖县级市,位于天山南麓中部、塔里木盆地北缘,地形北高南低,自西北向东南倾斜,热量丰富,气候干燥,降水稀少,夏季炎热,冬季干冷;总面积15200平方公里(2019年),辖9镇、5乡、4个街道。截至2019年末,库车户籍人口486666人。

echarts阿克苏地区库车县geoJson地图点击地图获取经纬度

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

echarts阿克苏地区库车县geoJson地图点击地图获取经纬度

echarts阿克苏地区库车县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts阿克苏地区库车县geoJson地图 visualMap控制地图颜色

echarts阿克苏地区库车县geoJson地图根据经纬度显示自定义html弹窗

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

echarts阿克苏地区库车县geoJson地图根据经纬度显示自定义html弹窗

threejs阿克苏地区库车县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化

threejs阿克苏地区库车县geoJson地图3d地图指定区域闪烁

threejs阿克苏地区库车县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs阿克苏地区库车县geoJson地图3d地图红色描边闪烁警报

threejs阿克苏地区库车县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs阿克苏地区库车县geoJson地图3d地图CSS2D外加旋转棱锥

阿克苏地区库车县 下辖有 阿拉哈格镇,阿格乡,塔里木乡,库车监狱,东城街道,热斯坦街道,萨克萨克街道,新城街道,乌尊镇,水电二处,克其力克农场,乌恰镇,牙哈镇,齐满镇,墩阔坦镇,草湖牧场,二八台农场,雅克拉镇,良种繁育场,依西哈拉镇,库孜翁牧场,库车种羊场,比西巴格乡,哈尼喀塔木乡,玉奇吾斯塘乡,阿克吾斯塘乡

阿克苏地区库车县下辖区域坐标

{"阿拉哈格镇":[82.78474766547417,41.51719766766473],"阿格乡":[],"塔里木乡":[83.80960958771087,41.16470907904483],"库车监狱":[83.06376101696122,41.38040953850826],"东城街道":[83.0204722133455,41.72780775065997],"热斯坦街道":[82.92211843257084,41.71624481635926],"萨克萨克街道":[82.94053168232514,41.71523570954069],"新城街道":[82.9791212420472,41.70983365955829],"乌尊镇":[83.1616165674686,41.67132508145269],"水电二处":[82.82643968755357,41.68356963147779],"克其力克农场":[83.02128509117725,41.60414456321418],"乌恰镇":[],"牙哈镇":[83.42161011914177,41.79811038260857],"齐满镇":[82.92578983771064,41.48356556412425],"墩阔坦镇":[83.3318523077362,41.43959232903017],"草湖牧场":[],"二八台农场":[83.82851905520894,41.82328151282858],"雅克拉镇":[83.6434322392231,42.27638473771967],"良种繁育场":[],"依西哈拉镇":[82.90059160372354,41.79739254973731],"库孜翁牧场":[83.06714259895315,42.17434716445379],"库车种羊场":[],"比西巴格乡":[82.92880010383215,41.61651025952514],"哈尼喀塔木乡":[83.29169149240737,41.25136043340166],"玉奇吾斯塘乡":[82.74336317145257,41.67843615756988],"阿克吾斯塘乡":[83.23771502180394,41.39628027886101]}

阿克苏地区库车县行政划分代码

[{"name":"阿拉哈格镇","code":"652902102000"},{"name":"阿格乡","code":"652902205000"},{"name":"塔里木乡","code":"652902206000"},{"name":"库车监狱","code":""},{"name":"东城街道","code":"652902004000"},{"name":"热斯坦街道","code":"652902001000"},{"name":"萨克萨克街道","code":"652902002000"},{"name":"新城街道","code":"652902003000"},{"name":"乌尊镇","code":"652902106000"},{"name":"水电二处","code":""},{"name":"克其力克农场","code":""},{"name":"乌恰镇","code":"652902101000"},{"name":"牙哈镇","code":"652902105000"},{"name":"齐满镇","code":"652902103000"},{"name":"墩阔坦镇","code":"652902104000"},{"name":"草湖牧场","code":""},{"name":"二八台农场","code":""},{"name":"雅克拉镇","code":""},{"name":"良种繁育场","code":""},{"name":"依西哈拉镇","code":""},{"name":"库孜翁牧场","code":""},{"name":"库车种羊场","code":""},{"name":"比西巴格乡","code":"652902202000"},{"name":"哈尼喀塔木乡","code":"652902203000"},{"name":"玉奇吾斯塘乡","code":"652902201000"},{"name":"阿克吾斯塘乡","code":"652902204000"}]

说明

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

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

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

阿克苏地区库车县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts阿克苏地区库车县geoJson地图点击地图获取经纬度实例