Javascript 从下拉列表加载geojson文件

我想从下拉列表中加载geoJSON。我找到的所有东西都是传单的内部插件，比如：。我有一个html下拉列表，但我不知道如何通过传单地图将我的geoJSON文件链接到动作

以下是我的geojson文件示例：

var statesData={“类型”：“功能集合”，“功能”：
[ 
{“类型”：“特征”，“属性”：{“ID”：“83260”，“LIB”：“La Crau”，“DEP”：“83”，“SURF”：37.480690，“POP2010”：16786.000000，“COL6”：6648.160000}，“几何”：{“类型”：“MultiPolygon”，“坐标”：[[6.04334730306306，43.1493070043824749]，[6.060558140134381，43.150935909575622]，[6.07863168094，43.159020091759]，[ 6.084204085483456, 43.16597803233963 ], [ 6.090394026041674, 43.175270594136371 ], [ 6.096263358769209, 43.188389064593764 ], [ 6.093602287356235, 43.198438935391636 ], [ 6.104187492483002, 43.205345802168019 ], [ 6.105439020148427, 43.219244343645315 ], [ 6.113910212271195, 43.227516686635013 ], [ 6.131287593222909, 43.222854757869897 ], [ 6.137764853051754, 43.217940600605793 ], [ 6.140931667040687, 43.211663837842245 ], [ 6.134728124274353, 43.206893578483012 ], [ 6.126437261243066, 43.194242277589616 ], [ 6.114539856022805, 43.188303989357173 ], [ 6.110305637342965, 43.182097845388633 ], [ 6.110632835897187, 43.16806322435027 ], [ 6.125671617273801, 43.154855404465202 ], [ 6.117142588629228, 43.138980679989849 ], [ 6.085011278730224, 43.134116382815463 ], [ 6.079862497114773, 43.114533382190906 ], [ 6.054023743373618, 43.115925571386384 ], [ 6.044924080831911, 43.123006307471485 ], [ 6.043347303606306, 43.149307043824749 ] ] ] ] } },
{“type”：“Feature”，“properties”：{“ID”：“83210”，“LIB”：“Solliès-Pont”，“DEP”：“83”，“SURF”：83.621588，“POP2010”：29413.000000”，“_COL6”：11478.778000}，“geometry”：“type”：“MultiPolygon”，“座标”：[[6.073786313868094,43.1590200917559175599]，[6.060558140134381,43.15093590995622]，[6.043347306306,43.930449]，[ 6.025594977556652, 43.154713085280449 ], [ 6.009298216176537, 43.160966095312183 ], [ 5.993384916775816, 43.16708846634107 ], [ 5.990711622156151, 43.173634460729104 ], [ 5.971873511530093, 43.196415328173316 ], [ 5.96292591246123, 43.198731698832383 ], [ 5.939589965468317, 43.215968062502476 ], [ 5.929259556402363, 43.230444132400251 ], [ 5.948055204382044, 43.239078270552071 ], [ 5.970235178153683, 43.239901134545121 ], [ 5.970233029935323, 43.246805534519915 ], [ 5.986548942993776, 43.253223950900463 ], [ 5.994947863472612, 43.26126431985211 ], [ 6.002737697048949, 43.257347552577919 ], [ 6.016815661967234, 43.256901153526954 ], [ 6.016113641678143, 43.250286947426034 ], [ 6.023774336111978, 43.246786895276173 ], [ 6.018136580292238, 43.231047228360602 ], [ 6.035300502750099, 43.220349256540075 ], [ 6.056245175329217, 43.215365282524175 ], [ 6.059692395395331, 43.205635187952687 ], [ 6.066734879741053, 43.201294785995685 ], [ 6.093602287356235, 43.198438935391636 ], [ 6.096263358769209, 43.188389064593764 ], [ 6.090394026041674, 43.175270594136371 ], [ 6.084204085483456, 43.16597803233963 ], [ 6.073786313868094, 43.159020099175599 ] ] ] ] } }
] 
}

所有内容都在您提供的中…只需查看html源代码

文件名位于select标记的值字段中：

<select id="geofile" size="3" multiple>
  <option value="italy-regions.json" selected>italy-regions.json</option>
  <option value="world-countries.json">world-countries.json</option>
</select>

---

您也可以使用

.clearLayers（）

方法清除当前层，然后通过

L.GeoJSON的
.addData（）
方法添加新数据layer@iH8你完全正确…谢谢你的补充
$('#geofile').on('change', function(e) {

    $.getJSON(this.value, function(json) {

        map.removeLayer(geoLayer);

        geoLayer = L.geoJson(json).addTo(map);
        map.fitBounds( geoLayer.getBounds() );

        geoList.reload( geoLayer );
    });