JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false"></script>
<div id="map-canvas"></div>

CSS

#map-canvas {
    width: 400px;
    height: 400px;
    border: 1px solid black;
}

JavaScript

var obj  = {
    "location": [
        {
            "street_address": {
                "city": "Trichy",
                "state": "TamilNadu",
                "address_1": "Test address",
                "country": "India"
            },
            "gps": {
                "latitude": 32.67,
                "longitude": -85.44
            }
        },
        {
            "street_address": {
                "city": "Madurai",
                "state": "TamilNadu",
                "address_1": "Test address",
                "country": "India"
            },
            "gps": {
                "latitude": 28.65859029,
                "longitude": 77.22063432
            }
        },
        {
            "street_address": {
                "city": "Chennai",
                "state": "TamilNadu",
                "address_1": "Test address",
                "country": "India"
            },
            "gps": {
                "latitude": 67.1,
                "longitude": -157.85
            }
        },
        {
            "street_address": {
                "city": "Combiatore",
                "state": "TamilNadu",
                "address_1": "Test address",
                "country": "India"
            },
            "gps": {
                "latitude": 52.67,
                "longitude": -95.44
            }
        },
        {
            "street_address": {
                "city": "Tirunelveli",
                "state": "TamilNadu",
                "address_1": "Test address",
                "country": "India"
            },
            "gps": {
                "latitude": 25.9,
                "longitude": -97.43
            }
        }
    ]
};


var place = [];
var locations = [];

for(var i = 0; i < obj["location"].length;i++){
    locations.push(obj["location"][i]["gps"]);
    place.push(obj["location"][i]["street_address"]);
}

var pointer = new google.maps.LatLng(51.508742,-0.120850);

function intialize(){
    var mapOption = {
        zoom...