JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://labs.easyblog.it/maps/leaflet-search/src/leaflet-search.js"></script>
<link rel="stylesheet" href="http://labs.easyblog.it/maps/leaflet-search/src/leaflet-search.css">

      <div id="territoire" class="container">
        <span class="glyphicon glyphicon-asterisk icons styleobs"></span><b> Le territoire</b><br>
        <div class="row">
          <div class="col-sm-8">
            <div id="map" style="width: 100%; height: 500px;"></div>
          </div>
          <div class="col-sm-4">
            <h3>Les communes</h3>
            <div onclick="initBoutonInsee()" class="btn btn-warning btn-sm" data-insee="61248"><span class="glyphicon glyphicon-home"></span> Mantilly</div>
            <div class="btn btn-warning btn-sm"><span class="glyphicon glyphicon-home"></span> Passais Villages<br>
              <button onclick="initBoutonInsee()" type="button" class="btn btn-default btn-xs" data-insee="61155">L'Epinay-le-Compte</button><br>
              <button onclick="initBoutonInsee()" type="button" class="btn btn-default btn-xs" data-insee="61324">Passais</button>
              <button onclick="initBoutonInsee()" type="button" class="btn btn-default btn-xs" data-insee="61455">Saint-Siméon</button>
            </div>
            <div class="btn btn-warning btn-sm"><span class="glyphicon glyphicon-home"></span> Rives-d’Andaine<br>
              <button type="button" class="btn btn-default btn-xs" data-insee="61135">Couterne</button>
              <button onclick="initBoutonInsee()" type="button" class="btn btn-default btn-xs" data-insee="61186">Geneslay</button>
              <button onclick="initBoutonInsee()"...

JavaScript

var communes = [{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[-0.450728,48.512817],[-0.44972,48.518924],[-0.456568,48.521445],[-0.456144,48.524879],[-0.443101,48.527724],[-0.443724,48.520908],[-0.418635,48.517788],[-0.417407,48.51143],[-0.424473,48.508192],[-0.433796,48.513776],[-0.438554,48.51172],[-0.447223,48.515377],[-0.450728,48.512817]]]]},"properties":{"insee":61200,"nomcom":"HALEINE"}},{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[-0.488166,48.529399],[-0.491871,48.534963],[-0.488019,48.544513],[-0.495189,48.552794],[-0.486354,48.554953],[-0.483985,48.565629],[-0.478151,48.569096],[-0.445772,48.561134],[-0.440893,48.561203],[-0.440145,48.558694],[-0.445886,48.542456],[-0.442351,48.542315],[-0.443101,48.527724],[-0.456144,48.524879],[-0.464463,48.525843],[-0.475287,48.516936],[-0.488166,48.529399]]]]},"properties":{"insee":61096,"nomcom":"LA...