使用leaflet绘制geoJson中国边界
绘制中国边界
代码如下：
function drawChina()
{
//设置样式
var myStyle = {
"color": "#00f",
"weight": 2,
"opacity": 0.5,
"fillColor": 'red',
"fillOpacity": 0,
};
//geojson数据
var someFeatures = [
{
"type":"FeatureCollection",
"features":[
{
"type":"Feature",
"id":"CHN",
"properties":{
"name":"China"
},
"geometry":{
"type":"MultiPolygon",
"coordinates":[
[
[
[
110.339188,
18.678395
],
[
109.47521,
18.197701
],
[
108.655208,
18.507682
],
[
108.626217,
19.367888
],
[
109.119056,
19.821039
],
[
110.211599,
20.101254
],
[
110.786551,
20.077534
],
[
111.010051,
19.69593
],
[
110.570647,
19.255879
],
[
110.339188,
18.678395
]
]
],
[
[
[
121.777818,
24.394274
],
[
121.175632,
22.790857
],
[
120.74708,
21.970571
],
[
120.220083,
22.814861
],
[
120.106189,
23.556263
],
[
120.69468,
24.538451
],
[
121.495044,
25.295459
],
[
121.951244,
24.997596
],
[
121.777818,
24.394274
]
]
],
[
[
[
127.657407,
49.76027
],
[
129.397818,
49.4406
],
[
130.582293,
48.729687
],
[
130.987282,
47.790132
],
[
132.506672,
47.78897
],
[
133.373596,
48.183442
],
[
135.026311,
48.47823
],
[
134.500814,
47.57844
],
[
134.112362,
47.212467
],
[
133.769644,
46.116927
],
[
133.097127,
45.144066
],
[
131.883454,
45.321162
],
[
131.025212,
44.967953
],
[
131.288555,
44.11152
],
[
131.144688,
42.92999
],
[
130.633866,
42.903015
],
[
130.640016,
42.395009
],
[
129.994267,
42.985387
],
[
129.596669,
42.424982
],
[
128.052215,
41.994285
],
[
128.208433,
41.466772
],
[
127.343783,
41.503152
],
[
126.869083,
41.816569
],
[
126.182045,
41.107336
],
[
125.079942,
40.569824
],
[
124.265625,
39.928493
],
[
122.86757,
39.637788
],
[
122.131388,
39.170452
],
[
121.054554,
38.897471
],
[
121.585995,
39.360854
],
[
121.376757,
39.750261
],
[
122.168595,
40.422443
],
[
121.640359,
40.94639
],
[
120.768629,
40.593388
],
[
119.639602,
39.898056
],
[
119.023464,
39.252333
],
[
118.042749,
39.204274
],
[
117.532702,
38.737636
],
[
118.059699,
38.061476
],
[
118.87815,
37.897325
],
[
118.911636,
37.448464
],
[
119.702802,
37.156389
],
[
120.823457,
37.870428
],
[
121.711259,
37.481123
],
[
122.357937,
37.454484
],
[
122.519995,
36.930614
],
[
121.104164,
36.651329
],
[
120.637009,
36.11144
],
[
119.664562,
35.609791
],
[
119.151208,
34.909859
],
[
120.227525,
34.360332
],
[
120.620369,
33.376723
],
[
121.229014,
32.460319
],
[
121.908146,
31.692174
],
[
121.891919,
30.949352
],
[
121.264257,
30.676267
],
[
121.503519,
30.142915
],
[
122.092114,
29.83252
],
[
121.938428,
29.018022
],
[
121.684439,
28.225513
],
[
121.125661,
28.135673
],
[
120.395473,
27.053207
],
[
119.585497,
25.740781
],
[
118.656871,
24.547391
],
[
117.281606,
23.624501
],
[
115.890735,
22.782873
],
[
114.763827,
22.668074
],
[
114.152547,
22.22376
],
[
113.80678,
22.54834
],
[
113.241078,
22.051367
],
[
111.843592,
21.550494
],
[
110.785466,
21.397144
],
[
110.444039,
20.341033
],
[
109.889861,
20.282457
],
[
109.627655,
21.008227
],
[
109.864488,
21.395051
],
[
108.522813,
21.715212
],
[
108.05018,
21.55238
],
[
107.04342,
21.811899
],
[
106.567273,
22.218205
],
[
106.725403,
22.794268
],
[
105.811247,
22.976892
],
[
105.329209,
23.352063
],
[
104.476858,
22.81915
],
[
103.504515,
22.703757
],
[
102.706992,
22.708795
],
[
102.170436,
22.464753
],
[
101.652018,
22.318199
],
[
101.80312,
21.174367
],
[
101.270026,
21.201652
],
[
101.180005,
21.436573
],
[
101.150033,
21.849984
],
[
100.416538,
21.558839
],
[
99.983489,
21.742937
],
[
99.240899,
22.118314
],
[
99.531992,
22.949039
],
[
98.898749,
23.142722
],
[
98.660262,
24.063286
],
[
97.60472,
23.897405
],
[
97.724609,
25.083637
],
[
98.671838,
25.918703
],
[
98.712094,
26.743536
],
[
98.68269,
27.508812
],
[
98.246231,
27.747221
],
[
97.911988,
28.335945
],
[
97.327114,
28.261583
],
[
96.248833,
28.411031
],
[
96.586591,
28.83098
],
[
96.117679,
29.452802
],
[
95.404802,
29.031717
],
[
94.56599,
29.277438
],
[
93.413348,
28.640629
],
[
92.503119,
27.896876
],
[
91.696657,
27.771742
],
[
91.258854,
28.040614
],
[
90.730514,
28.064954
],
[
90.015829,
28.296439
],
[
89.47581,
28.042759
],
[
88.814248,
27.299316
],
[
88.730326,
28.086865
],
[
88.120441,
27.876542
],
[
86.954517,
27.974262
],
[
85.82332,
28.203576
],
[
85.011638,
28.642774
],
[
84.23458,
28.839894
],
[
83.898993,
29.320226
],
[
83.337115,
29.463732
],
[
82.327513,
30.115268
],
[
81.525804,
30.422717
],
[
81.111256,
30.183481
],
[
79.721367,
30.882715
],
[
78.738894,
31.515906
],
[
78.458446,
32.618164
],
[
79.176129,
32.48378
],
[
79.208892,
32.994395
],
[
78.811086,
33.506198
],
[
78.912269,
34.321936
],
[
77.837451,
35.49401
],
[
76.192848,
35.898403
],
[
75.896897,
36.666806
],
[
75.158028,
37.133031
],
[
74.980002,
37.41999
],
[
74.829986,
37.990007
],
[
74.864816,
38.378846
],
[
74.257514,
38.606507
],
[
73.928852,
38.505815
],
[
73.675379,
39.431237
],
[
73.960013,
39.660008
],
[
73.822244,
39.893973
],
[
74.776862,
40.366425
],
[
75.467828,
40.562072
],
[
76.526368,
40.427946
],
[
76.904484,
41.066486
],
[
78.187197,
41.185316
],
[
78.543661,
41.582243
],
[
80.11943,
42.123941
],
[
80.25999,
42.349999
],
[
80.18015,
42.920068
],
[
80.866206,
43.180362
],
[
79.966106,
44.917517
],
[
81.947071,
45.317027
],
[
82.458926,
45.53965
],
[
83.180484,
47.330031
],
[
85.16429,
47.000956
],
[
85.720484,
47.452969
],
[
85.768233,
48.455751
],
[
86.598776,
48.549182
],
[
87.35997,
49.214981
],
[
87.751264,
49.297198
],
[
88.013832,
48.599463
],
[
88.854298,
48.069082
],
[
90.280826,
47.693549
],
[
90.970809,
46.888146
],
[
90.585768,
45.719716
],
[
90.94554,
45.286073
],
[
92.133891,
45.115076
],
[
93.480734,
44.975472
],
[
94.688929,
44.352332
],
[
95.306875,
44.241331
],
[
95.762455,
43.319449
],
[
96.349396,
42.725635
],
[
97.451757,
42.74889
],
[
99.515817,
42.524691
],
[
100.845866,
42.663804
],
[
101.83304,
42.514873
],
[
103.312278,
41.907468
],
[
104.522282,
41.908347
],
[
104.964994,
41.59741
],
[
106.129316,
42.134328
],
[
107.744773,
42.481516
],
[
109.243596,
42.519446
],
[
110.412103,
42.871234
],
[
111.129682,
43.406834
],
[
111.829588,
43.743118
],
[
111.667737,
44.073176
],
[
111.348377,
44.457442
],
[
111.873306,
45.102079
],
[
112.436062,
45.011646
],
[
113.463907,
44.808893
],
[
114.460332,
45.339817
],
[
115.985096,
45.727235
],
[
116.717868,
46.388202
],
[
117.421701,
46.672733
],
[
118.874326,
46.805412
],
[
119.66327,
46.69268
],
[
119.772824,
47.048059
],
[
118.866574,
47.74706
],
[
118.064143,
48.06673
],
[
117.295507,
47.697709
],
[
116.308953,
47.85341
],
[
115.742837,
47.726545
],
[
115.485282,
48.135383
],
[
116.191802,
49.134598
],
[
116.678801,
49.888531
],
[
117.879244,
49.510983
],
[
119.288461,
50.142883
],
[
119.279366,
50.582908
],
[
120.18205,
51.643566
],
[
120.738191,
51.964115
],
[
120.725789,
52.516226
],
[
120.177089,
52.753886
],
[
121.003085,
53.251401
],
[
122.245748,
53.431726
],
[
123.571507,
53.458804
],
[
125.068211,
53.161045
],
[
125.946349,
52.792799
],
[
126.564399,
51.784255
],
[
126.939157,
51.353894
],
[
127.287456,
50.739797
],
[
127.657407,
49.76027
]
]
]
]
}
}
]
}
];
//渲染方法
var layerGeo = L.geoJSON(someFeatures, {
style: myStyle,
}).addTo(map); //添加点击事件
/*
layerGeo.on('click',function(e){
console.log(e.layer.feature.properties.name) //当前点击的物体的名称
});
*/
}
使用leaflet绘制geoJson中国边界的更多相关文章
- 2022年实时最新省市区县乡镇街道geojson行政边界数据获取方法
geojson 数据下载地址:https://hxkj.vip/demo/echartsMap/ 可下载的数据包含省级geojson行政边界数据.市级geojson行政边界数据.区/县级geojson ...
- 利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup
1.引言 由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcg ...
- [Javascript] Adding Shapes to Maps with Leaflet and GeoJSON
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- Leaflet绘制热力图【转】
http://blog.csdn.net/giser_whu/article/details/51485871 时下用的最多的开源二维webgis引擎应该是openlayers与leaflet了,le ...
- Leaflet绘制多边形
drawPolygon = () => { let points = []; const polygon = new L.Polygon(points); this.map.addLayer(p ...
- R绘制中国地图，并展示流行病学数据
流行病学的数据讲究“三间分布”,即人群分布.时间分布和空间分布.其中的“空间分布”最好是在地图上展示,才比较清楚.R软件集统计分析与高级绘图于大成,是最适合做这项工作了.关于地图的绘制过程,谢益辉.邱 ...
- leaflet入门（二）GeoJson
GeoJson格式数据的形式 Using GeoJSON with Leaflet GeoJSON is becoming a very popular data format among many ...
- Vue3 + Echarts 5 绘制带有立体感流线中国地图，建议收藏
本文绘制的地图效果图如下: 一.Echarts 使用五部曲 1.下载并引入 echarts Echarts 已更新到了 5.0 版本,安装完记得检查下自己的版本是否是 5.0 . npm instal ...
- 中国地图投影（实现Lambert投影）
一.简介 目前Web地图已经是一个非常普遍的应用,百度地图,高德地图等等极大的方便了我们的生活和学习.本项目主要是在Web完成一个简单的中国地图的绘制,实现Lambert投影. 二.制图源数据信息及来 ...
随机推荐
- 【Spring Cloud】Spring Cloud之整合Spring Cloud Bus以及最佳实践
一.整合步骤 1)加入Maven坐标 <!-- actuator监控模块 --> <dependency> <groupId>org.springframework ...
- .NET Core中Quartz.NET的依赖注入
目录 介绍 项目概况 创建配置文件 使用构造函数注入 使用选项模式 结论 介绍 Quartz.NET是一个方便的库,允许您通过实现IJob接口来安排重复任务.然而,它的局限性在于,默认情况下,它仅支持 ...
- PAT甲级1015题解——令人迷茫的翻译
题目分析: 本题计算过程简单,但翻译令我迷茫:题意读清楚很重要(反正我是懵逼了)对于一个10进制的数,如果它是一个素数,把它转换成d进制,再将这个序列逆序排,这个逆序的d进制数的10进制表示如果也是素 ...
- 图像处理中Stride和Width的关系
一行有 11 个像素(Width = 11), 对一个 32 位(每个像素 4 字节)的图像, Stride = 11 * 4 = 44. 但还有个字节对齐的问题, 譬如: 一行有 11 个像素(Wi ...
- Django 数据库查询集合(多对多)
Django 数据库查询集合(双下划线连表操作) 目录: 1.Django环境搭建 2.数据库建表 3.写入数据 4.查询语句 Django环境搭建 1.安装django pip install dj ...
- css绘制各种图形，三角形，长方形，梯形
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAADVCAIAAAD1mxUAAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWX ...
- iis webapi不间隔第一次访问超慢
第一种尝试(正在验证是否有效): 设置网站对应的应用程序池的"闲置超时"为0.如下图所示
- base64图片编码大小与原图文件大小之间的联系
base64图片编码大小与原图文件大小之间的联系 有时候我们需要把canvas画布的图画转换成图片输出页面,而用canvas生成的图片就是base64编码的,它是由数字.字母等一大串的字符组成的,但是 ...
- round.606.div2
A. Happy Birthday, Polycarp! 这个题意我确实没有看懂. 沃日,我懂了,我感觉我似乎都能切掉这题. B. Make Them Odd 这个我也能看懂.
- 简单JSON
JSON是什么 JavaScript Object Notation(JavaScript 对象表示),是一种存储和交换文本信息的语法,它独立程序语言,是轻量级的文本数据交换格式,比XML更小.更快, ...