JSFiddle - React, Tailwind, and code Playground

by Joanna Sobańska

HTML

<div id="map-canvas"></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>

CSS

html, body, #map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px
}

#infowindow{
  padding: 10px;
}
h3 {
  font-weight: bold;
}
td:first-child{
  font-weight:bold;
  padding-right: 10px;
}

JavaScript

var locations = [
  ["Les Chaux  198 1149 Berolle","Agriculture","PV Didier Roch & Stéphane Teuscher Ballens - Exploitation agricole",246.7,"253,744 ","1,029 ","93,885 ",381,0.37,"02.05.2008","30.08.2012","31.12.2037","Les Chaux parc. 198",1149,"Berolle","VD",""  ],
  ["Route dArbaz 59 1971 Grimisuat","Agriculture","PV Jean-Michel Besson Grimisuat",50.7,"66,910 ","1,320 ","42,555 ",839,0.64,"02.05.2008","10.11.2008","31.12.2033","Route d'Arbaz 59",1971,"Grimisuat","VS",""  ],
  
 ["La Coulette 5 1092 Belmonte","Commercial","PV Marc-Etienne Favre Belmont-sur-Lausanne - Hangar",599,"522,010 ","871 ","173,520 ",290,0.33,"26.05.2008","18.12.2012","31.12.2037","La Coulette 5",1092,"Belmont-s-Lausanne","VD",""  ],
  ["Zillwald 6 3994 Lax","Commercial","PV Willy Imhof Lax",78.2,"90,038 ","1,151 ","33,044 ",422,0.37,"02.05.2008","28.12.2011","31.12.2036","Zillwaldstrasse 6",3994,"Lax","VS",""  ],
   ["Schulhaus 6 3904 Naters","Education","PV Schulhaus Turmmatte Naters",57.5,"72,224 ","1,256 ","24,342 ",423,0.34,"08.08.2011","06.07.2012","31.12.2037","Schulhausstrasse 6",3904,"Naters","VS","EnBAG Bortel AG"  ],
  ["Schulhausstrasse 6 3904 Naters","Education","PV Schulhaus Turmmatte Naters",57.5,"72,224 ","1,256 ","24,342 ",423,0.34,"08.08.2011","06.07.2012","31.12.2037","Schulhausstrasse 6",3904,"Naters","VD","EnBAG Bortel AG"  ],
 ["Friedhof  Visperterminen","Hotels","PV Armand Bernhardsgrütter Visperterminen – Riedhofstrom",84.2,"88,924 ","1,056 ","37,259 ",443,0.42,"02.05.2008","15.09.2013","31.12.2038","Riedhof ",3932,"Visperterminen","VD","Landwirtschaft"  ],
  ["fRiedhof  Visperterminen","Hotels","PV Armand Bernhardsgrütter Visperterminen – Riedhofstrom",84.2,"88,924 ","1,056 ","37,259 ",443,0.42,"02.05.2008","15.09.2013","31.12.2038","Riedhof ",3932,"Visperterminen","VS","Landwirtschaft"  ],
    ["Avenue des Bains 12 1525 Henniez","Production","PV Groupe E-Greenwatt SA Henniez - Nestlé Waters Av. des Bains 12",323,"328,810 ","1,018 ","73,069...