大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理宁波市慈溪市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts宁波市慈溪市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts宁波市慈溪市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts宁波市慈溪市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs宁波市慈溪市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频 Three.js前端3D可视化
threejs宁波市慈溪市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
宁波市慈溪市 下辖有 慈溪市农垦场,长河镇,匡堰镇,周巷镇,崇寿镇,古塘街道,庵东镇,掌起镇,新浦镇,桥头镇,横河镇,胜山镇,慈溪市林场,逍林镇,附海镇,坎墩街道,慈东工业区,宗汉街道,浒山街道,观海卫镇,白沙路街道,龙山镇
宁波市慈溪市下辖区域坐标
{"慈溪市农垦场":[121.10995671558577,30.27143945464376],"长河镇":[121.17750542202566,30.24214530368699],"匡堰镇":[121.31405663495131,30.12042761541311],"周巷镇":[121.12616326925435,30.21505086447216],"崇寿镇":[121.27344361615464,30.26414274587789],"古塘街道":[121.2572684753575,30.19732304343734],"庵东镇":[121.20961727586166,30.37786569922685],"掌起镇":[121.47952488491342,30.11938343620603],"新浦镇":[121.39059001384797,30.28292524542896],"桥头镇":[121.34947273491876,30.16334587221918],"横河镇":[121.23225616952907,30.11510905128502],"胜山镇":[121.31648382367784,30.24029605796585],"慈溪市林场":[121.34164097999881,30.08565005952903],"逍林镇":[121.32756551759024,30.19717951833967],"附海镇":[121.42820641478558,30.23596669693064],"坎墩街道":[121.26015653642983,30.2348765015666],"慈东工业区":[121.57541987406432,30.11402188697392],"宗汉街道":[121.21089418872654,30.2139037368094],"浒山街道":[121.24206489829226,30.16216956967128],"观海卫镇":[121.4455191219164,30.16264703864564],"白沙路街道":[121.2795316151761,30.1834125141028],"龙山镇":[121.52625029877092,30.09762331189829]}
宁波市慈溪市行政划分代码
[{"name":"慈溪市农垦场","code":""},{"name":"长河镇","code":"330282120000"},{"name":"匡堰镇","code":"330282110000"},{"name":"周巷镇","code":"330282121000"},{"name":"崇寿镇","code":"330282116000"},{"name":"古塘街道","code":"330282006000"},{"name":"庵东镇","code":"330282118000"},{"name":"掌起镇","code":"330282104000"},{"name":"新浦镇","code":"330282112000"},{"name":"桥头镇","code":"330282109000"},{"name":"横河镇","code":"330282114000"},{"name":"胜山镇","code":"330282113000"},{"name":"慈溪市林场","code":""},{"name":"逍林镇","code":"330282111000"},{"name":"附海镇","code":"330282108000"},{"name":"坎墩街道","code":"330282003000"},{"name":"慈东工业区","code":""},{"name":"宗汉街道","code":"330282002000"},{"name":"浒山街道","code":"330282004000"},{"name":"观海卫镇","code":"330282107000"},{"name":"白沙路街道","code":"330282005000"},{"name":"龙山镇","code":"330282123000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
