随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理南通市如东县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts南通市如东县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts南通市如东县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts南通市如东县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs南通市如东县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL前端3D可视化教程
threejs南通市如东县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs南通市如东县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
南通市如东县 下辖有 马塘镇,如东东安科技园区,如东沿海经济开发区,如东洋口港经济开发区,如东县经济开发区,南通外向型农业综合开发区,大豫镇,岔河镇,苴镇,丰利镇,长沙镇,双甸镇,掘港镇,栟茶镇,新店镇,曹埠镇,河口镇,洋口镇,袁庄镇
南通市如东县下辖区域坐标
{"马塘镇":[121.02972547246085,32.3362603136954],"如东东安科技园区":[121.41215903661374,32.25572471842498],"如东沿海经济开发区":[121.06719464982925,32.54516124847281],"如东洋口港经济开发区":[121.31165464839646,32.45425518069254],"如东县经济开发区":[121.16060937058187,32.35721299419686],"南通外向型农业综合开发区":[121.16781253683054,32.49521044194995],"大豫镇":[121.33970210689388,32.32942271388293],"岔河镇":[120.94481011784144,32.36983570926745],"苴镇":[121.16389592790298,32.41618056608272],"丰利镇":[121.05621786687416,32.45330379383728],"长沙镇":[121.29913146803585,32.43105385711777],"双甸镇":[120.80750589829631,32.34534753044089],"掘港镇":[121.1852689759206,32.29094332225517],"栟茶镇":[120.87191115331345,32.56065095765491],"新店镇":[120.91153702409483,32.27376891425633],"曹埠镇":[121.07773399519476,32.24600024393989],"河口镇":[120.84836798819245,32.45411110493436],"洋口镇":[120.98898255089583,32.52605619999153],"袁庄镇":[120.75475093844636,32.45813254878907]}
南通市如东县行政划分代码
[{"name":"马塘镇","code":"320623107000"},{"name":"如东东安科技园区","code":"320623403000"},{"name":"如东沿海经济开发区","code":"320623401000"},{"name":"如东洋口港经济开发区","code":"320623402000"},{"name":"如东县经济开发区","code":"320623400000"},{"name":"南通外向型农业综合开发区","code":""},{"name":"大豫镇","code":"320623104000"},{"name":"岔河镇","code":"320623110000"},{"name":"苴镇","code":""},{"name":"丰利镇","code":"320623108000"},{"name":"长沙镇","code":"320623103000"},{"name":"双甸镇","code":"320623111000"},{"name":"掘港镇","code":""},{"name":"栟茶镇","code":"320623100000"},{"name":"新店镇","code":"320623112000"},{"name":"曹埠镇","code":"320623109000"},{"name":"河口镇","code":"320623113000"},{"name":"洋口镇","code":"320623101000"},{"name":"袁庄镇","code":"320623114000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看