JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<script src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script src="https://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.9/src/infobox.js"></script> 
<script src="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer_compiled.js"></script> 

<div id="map_canvas"></div>

CSS

#map_canvas{
    height:300px;
    width:300px;
    border:1px solid #000;
}

JavaScript

var data = [
{
    "lat": "51.8975826",
    "lng": "-2.0772859",
    "company": "Blue Sheep Test LLP",
    "alias": "LLB251",
    "lineId": "LLB251",
    "serviceType": "Ethernet",
    "network": "MPLS",
    "lineNumber": "",
    "moreInfoUrl": "network-reporting-detail?lineid=LLB251",
    "installedAtLocation": "Quadrangle Imperial Square; Cheltenham; GL50 1PZ",
    "installedAtPostcode": "GL50 1PZ",
    "circuitRef": "WORKLIFETALKSIPINTERCONNECT-3028",
    "status": "Connected",
    "statusStyle": "text-success"
},
{
    "lat": "51.8975826",
    "lng": "-2.0762859",
    "company": "Blue Sheep Test LLP",
    "alias": "LLB251",
    "lineId": "LLB251",
    "serviceType": "Ethernet",
    "network": "MPLS",
    "lineNumber": "",
    "moreInfoUrl": "network-reporting-detail?lineid=LLB251",
    "installedAtLocation": "Quadrangle Imperial Square; Cheltenham; GL50 1PZ",
    "installedAtPostcode": "GL50 1PZ",
    "circuitRef": "WORKLIFETALKSIPINTERCONNECT-3028",
    "status": "Connected",
    "statusStyle": "text-success"
},
{
    "lat": "51.8975826",
    "lng": "-2.0752859",
    "company": "Blue Sheep Test LLP",
    "alias": "LLB251",
    "lineId": "LLB251",
    "serviceType": "Ethernet",
    "network": "MPLS",
    "lineNumber": "",
    "moreInfoUrl": "network-reporting-detail?lineid=LLB251",
    "installedAtLocation": "Quadrangle Imperial Square; Cheltenham; GL50 1PZ",
    "installedAtPostcode": "GL50 1PZ",
    "circuitRef": "WORKLIFETALKSIPINTERCONNECT-3028",
    "status": "Connected",
    "statusStyle": "text-success"
},
{
    "lat": "51.8975826",
    "lng": "-2.0742859",
    "company": "Blue Sheep Test LLP",
    "alias": "LLB251",
    "lineId": "LLB251",
    "serviceType": "Ethernet",
    "network": "MPLS",
    "lineNumber": "",
    "moreInfoUrl": "network-reporting-detail?lineid=LLB251",
    "installedAtLocation": "Quadrangle Imperial Square; Cheltenham; GL50 1PZ",
    "installedAtPostcode": "GL50 1PZ",
    "circuitRef": "WORKLIFETALKSIPINTERCONNECT-3028",
   ...