Echarts安徽省地图案例（最新版）_echarts安徽区域图资源-CSDN文库

共2个文件

html：1个

js：1个

echarts

json

javaweb

4星 · 超过85%的资源需积分: 48 60 浏览量 2018-02-28 16:06:16 上传评论收藏 201KB ZIP 举报

ECharts是中国百度公司开源的一款基于JavaScript的数据可视化库，它提供了丰富的图表类型，如柱状图、折线图、饼图以及地图等，广泛应用于Web应用中。本案例聚焦于ECharts在绘制安徽省地图上的应用，提供了最新的解决方案。 ECharts地图功能依赖于特定的地理坐标数据，这些数据通常以JSON格式存储。在本案例中，使用的是针对安徽省的定制化JSON数据，包含了安徽省各个地级市的边界和坐标信息。这样的JSON文件是ECharts能够将地图图形化的关键，通过解析这些数据，ECharts可以准确地展示安徽省的地理分布。描述中提到的地市名称显示位置问题，这是一个常见的视觉优化需求。在ECharts默认的地图配置下，地市名称可能会与地图图形重叠或者位置不太理想。解决这个问题通常需要自定义地图的标注位置，这涉及到对ECharts的配置项进行深入理解和调整。开发者可能需要通过设置`label`属性，包括`position`、`offset`等参数，来微调地市名称的位置，使其更加醒目且不遮挡地图细节。关于ECharts的使用，我们需要了解几个核心概念： 1. **Series**: ECharts中的每个图表都是一个series，地图也不例外。在设置地图时，需要指定`type: 'map'`，并提供对应的地图类型，如`mapType: 'anhui'`，表示使用安徽省地图。 2. **Data Mapping**: 数据与地图元素的关联是通过`data`数组实现的，每个元素包含地名(`name`)和值(`value`)。根据值的大小，ECharts可以自动调整地图元素的颜色或大小，以呈现数据的分布。 3. **Customization**: ECharts支持高度自定义，包括地图的样式、交互行为等。例如，可以设置`itemStyle`来改变地图元素的填充色、边框颜色等；通过`emphasis`可以设置鼠标悬停时的高亮效果。 4. **JavaScript集成**: ECharts是用JavaScript编写的，因此可以方便地与Web页面的其他JavaScript代码结合。通过监听ECharts的事件，如`click`，可以实现地图的交互功能，比如点击某个地市后弹出详细信息。 5. **Java Web应用**: 在Java Web环境中，ECharts的数据通常由后台服务动态生成，然后传递到前端。这可能涉及到了Java的JSON处理库，如Jackson或Gson，将后端计算结果转换为JSON字符串，再通过Ajax请求传递给前端页面。 "Echarts安徽省地图案例（最新版）"是一个综合展示了ECharts地图功能、JSON数据处理以及Web前端开发技巧的实例。通过学习和实践这个案例，开发者可以掌握如何在项目中有效地利用ECharts绘制具有个性化显示效果的省级地图，并解决地图显示中的实际问题。

资源推荐

资源详情

资源评论

收起资源包目录

anhui.zip （2个子文件）

anhui

anhuiMap

all.js 544KB

anhuiMap.html 75KB

<!DOCTYPE html> <html style="height: 100%"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height:550px;width:450px"></div> <script type="text/javascript" src="all.js"></script> <script type="text/javascript"> //安徽地图的json var anhuiJson = ({"title":"安徽省","version":"0.0.3","type":"FeatureCollection","copyright":"Copyright (c) 2018 FangDianChao Technology Co.,LTD","copyrightShort":"FangDianChao Technology","copyrightUrl":"http://ah.aisino.com/","crs":{"type":"name","properties":{"name":"urn:ogc:def:crs:EPSG:3415"}},"hc-transform":{"default":{"crs":"+proj=lcc +lat_1=18 +lat_2=24 +lat_0=21 +lon_0=114 +x_0=500000 +y_0=500000 +ellps=WGS72 +towgs84=0,0,1.9,0,0,0.814,-0.38 +units=m +no_defs","scale":0.000129831107685,"jsonres":15.5,"jsonmarginX":-999,"jsonmarginY":9851,"xoffset":-3139937.49309,"yoffset":4358972.7486}},"features":[{"type":"Feature","properties":{"adcode":340100,"name":"合肥","center":[117.283042,31.86119],"childrenNum":9,"level":"city","subFeatureIndex":0,"fullname":"合肥市","filename":"hefei","parent":"安徽省","areacode":340100,"longitude":117.283042,"latitude":31.86119,"cp":[6981,4500],"drilldown":"anhui/hefei"},"geometry":{"type":"MultiPolygon","coordinates":[[[[6940,4345],[6937,4345],[6933,4348],[6934,4352],[6932,4357],[6933,4358],[6933,4362],[6931,4367],[6929,4371],[6925,4379],[6923,4382],[6920,4382],[6917,4386],[6915,4386],[6918,4389],[6918,4392],[6921,4394],[6923,4397],[6922,4401],[6923,4404],[6925,4408],[6923,4410],[6923,4413],[6927,4421],[6931,4430],[6936,4436],[6937,4438],[6940,4440],[6944,4441],[6955,4440],[6957,4442],[6955,4444],[6952,4452],[6951,4451],[6946,4454],[6944,4454],[6938,4452],[6936,4454],[6934,4454],[6934,4452],[6930,4451],[6926,4452],[6924,4454],[6920,4453],[6918,4450],[6916,4451],[6908,4453],[6906,4452],[6905,4449],[6903,4450],[6901,4450],[6899,4449],[6898,4450],[6890,4448],[6889,4450],[6886,4449],[6885,4449],[6883,4448],[6878,4447],[6875,4445],[6874,4446],[6872,4448],[6871,4448],[6870,4450],[6868,4451],[6867,4452],[6863,4457],[6862,4468],[6860,4472],[6860,4474],[6860,4477],[6862,4480],[6861,4483],[6861,4489],[6859,4493],[6860,4497],[6860,4500],[6859,4501],[6855,4501],[6855,4503],[6854,4505],[6853,4504],[6852,4505],[6851,4507],[6846,4513],[6848,4515],[6855,4520],[6856,4522],[6853,4522],[6853,4525],[6851,4526],[6852,4528],[6855,4529],[6860,4532],[6863,4532],[6865,4530],[6865,4533],[6867,4534],[6869,4536],[6870,4537],[6876,4541],[6875,4542],[6879,4545],[6880,4547],[6883,4549],[6891,4550],[6894,4552],[6892,4554],[6891,4558],[6893,4560],[6892,4563],[6893,4563],[6899,4561],[6903,4561],[6903,4558],[6905,4556],[6905,4553],[6910,4555],[6912,4557],[6914,4561],[6915,4564],[6915,4567],[6912,4570],[6910,4572],[6909,4577],[6908,4580],[6907,4581],[6905,4582],[6903,4584],[6901,4589],[6902,4592],[6907,4592],[6909,4593],[6910,4595],[6910,4598],[6906,4601],[6906,4603],[6908,4606],[6914,4606],[6916,4608],[6919,4616],[6918,4618],[6917,4620],[6913,4618],[6912,4623],[6914,4628],[6916,4630],[6915,4631],[6913,4631],[6912,4633],[6913,4634],[6913,4642],[6912,4643],[6909,4642],[6905,4643],[6906,4647],[6909,4649],[6912,4650],[6913,4653],[6913,4655],[6917,4660],[6918,4662],[6917,4665],[6918,4667],[6919,4671],[6918,4673],[6920,4676],[6924,4676],[6926,4674],[6928,4675],[6931,4674],[6933,4675],[6934,4677],[6938,4678],[6938,4677],[6942,4677],[6944,4673],[6944,4668],[6945,4664],[6944,4663],[6946,4661],[6950,4661],[6955,4658],[6959,4657],[6961,4657],[6963,4659],[6967,4656],[6974,4660],[6977,4662],[6980,4665],[6983,4663],[6980,4659],[6978,4654],[6978,4649],[6977,4647],[6974,4644],[6976,4643],[6980,4645],[6983,4642],[6990,4640],[6990,4635],[6986,4633],[6984,4629],[6981,4621],[6984,4617],[6985,4618],[6987,4615],[6987,4612],[6989,4610],[6992,4610],[6996,4607],[6998,4605],[7001,4603],[7012,4606],[7016,4610],[7020,4612],[7022,4612],[7023,4614],[7025,4614],[7027,4616],[7027,4614],[7031,4617],[7035,4617],[7035,4615],[7039,4615],[7041,4614],[7042,4612],[7046,4614],[7048,4614],[7050,4612],[7051,4613],[7055,4612],[7058,4608],[7061,4608],[7063,4611],[7066,4609],[7069,4608],[7072,4603],[7074,4591],[7071,4586],[7070,4585],[7071,4583],[7071,4580],[7073,4578],[7073,4576],[7077,4573],[7074,4570],[7074,4569],[7069,4568],[7067,4566],[7067,4562],[7063,4559],[7066,4557],[7068,4554],[7069,4553],[7070,4550],[7074,4548],[7074,4546],[7074,4542],[7078,4542],[7080,4543],[7083,4541],[7086,4541],[7091,4538],[7089,4529],[7088,4526],[7084,4523],[7083,4521],[7081,4516],[7082,4513],[7085,4510],[7082,4508],[7083,4506],[7086,4504],[7084,4502],[7085,4498],[7084,4494],[7084,4492],[7088,4487],[7090,4486],[7089,4484],[7091,4484],[7095,4482],[7094,4482],[7095,4478],[7096,4477],[7096,4473],[7094,4472],[7094,4474],[7090,4474],[7089,4472],[7089,4470],[7088,4469],[7089,4466],[7088,4465],[7089,4463],[7088,4461],[7085,4460],[7084,4458],[7084,4456],[7086,4456],[7088,4454],[7091,4455],[7093,4454],[7090,4451],[7093,4450],[7096,4445],[7092,4443],[7090,4443],[7086,4446],[7083,4446],[7073,4441],[7069,4442],[7067,4440],[7063,4441],[7059,4440],[7057,4437],[7055,4438],[7053,4436],[7048,4437],[7045,4436],[7044,4429],[7043,4424],[7040,4419],[7036,4410],[7035,4403],[7032,4398],[7029,4397],[7026,4393],[7020,4392],[7021,4387],[7018,4382],[7017,4379],[7014,4377],[7012,4376],[7013,4373],[7017,4371],[7018,4366],[7017,4363],[7013,4361],[7012,4357],[7010,4356],[7009,4354],[7012,4352],[7013,4348],[7012,4345],[7010,4341],[7006,4341],[7005,4340],[7004,4338],[7006,4337],[7009,4331],[7007,4329],[7000,4328],[6998,4326],[6996,4323],[6991,4325],[6985,4322],[6985,4319],[6983,4319],[6982,4320],[6982,4321],[6980,4327],[6978,4328],[6976,4327],[6974,4327],[6971,4329],[6970,4329],[6968,4326],[6966,4325],[6964,4326],[6958,4332],[6955,4334],[6954,4337],[6951,4342],[6947,4345],[6945,4348],[6943,4348],[6940,4345]]]]},"id":"CN.340100"},{"type":"Feature","properties":{"adcode":340200,"name":"芜湖","center":[118.376451,31.326319],"childrenNum":8,"level":"city","subFeatureIndex":1,"fullname":"芜湖市","filename":"wuhu","parent":"安徽省","areacode":340200,"longitude":118.376451,"latitude":31.326319,"cp":[7156,4373],"drilldown":"anhui/wuhu"},"geometry":{"type":"MultiPolygon","coordinates":[[[[7127,4251],[7126,4255],[7133,4265],[7132,4266],[7131,4269],[7129,4270],[7127,4272],[7128,4274],[7126,4275],[7124,4274],[7119,4275],[7120,4276],[7112,4282],[7106,4282],[7103,4286],[7100,4286],[7100,4287],[7104,4294],[7103,4297],[7106,4300],[7109,4301],[7111,4298],[7114,4297],[7115,4300],[7114,4300],[7117,4304],[7121,4303],[7125,4307],[7132,4311],[7135,4311],[7137,4313],[7135,4316],[7135,4319],[7137,4323],[7136,4325],[7133,4327],[7130,4326],[7126,4326],[7124,4330],[7121,4332],[7119,4335],[7113,4336],[7110,4337],[7110,4340],[7108,4340],[7107,4342],[7109,4347],[7106,4349],[7104,4348],[7102,4350],[7099,4351],[7097,4349],[7092,4347],[7090,4348],[7085,4350],[7083,4351],[7081,4360],[7079,4362],[7075,4364],[7072,4363],[7067,4361],[7062,4357],[7059,4353],[7057,4344],[7053,4335],[7053,4333],[7051,4333],[7050,4335],[7048,4334],[7046,4333],[7047,4332],[7045,4329],[7043,4324],[7040,4323],[7040,4321],[7039,4317],[7037,4320],[7037,4322],[7032,4324],[7026,4326],[7024,4324],[7021,4323],[7020,4325],[7017,4323],[7014,4324],[7015,4329],[7012,4329],[7009,4331],[7006,4337],[7004,4338],[7005,4340],[7006,4341],[7010,4341],[7012,4345],[7013,4348],[7012,4352],[7009,4354],[7010,4356],[7012,4357],[7013,4361],[7017,4363],[7018,4366],[7017,4371],[7013,4373],[7012,4376],[7014,4377],[7017,4379],[7018,4382],[7021,4387],[7020,4392],[7026,4393],[7029,4397],[7032,4398],[7035,4403],[7036,4410],[7040,4419],[7043,4424],[7044,4429],[7045,4436],[7048,4437],[7053,4436],[7055,4438],[7057,4437],[7059,4440],[7063,4441],[7067,4440],[7069,4442],[7073,4441],[7083,4446],[7086,4446],[7090,4443],[7092,4443],[7096,4445],[7097,4444],[7095,4443],[7094,4441],[7100,4440],[7099,4438],[7095,4438],

评论收藏

内容反馈