JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id='map_canvas'></div>

CSS

#map_canvas{
    width: 400px;
    height: 400px;
}

JavaScript

var ships = [['63.44204833','10.40340333'],['63.49261667','9.92661167'],['63.43243500','10.37030833'],['63.43896000','10.40036167'],['63.64856000','10.67950167'],['63.43330667','10.36608000'],['63.43840500','10.40874000'],['63.78920833','11.19232167'],['63.45155667','10.20245833'],['63.43366667','10.36150000'],['63.43956667','10.40019333'],['63.47066500','10.33613500'],['63.43928333','10.40971667'],['63.43822000','10.39873167']];
var map;

var infowindow = new google.maps.InfoWindow({
        content: 'bla'
});

var marker;

function initialize() {
    var myLatlng = new google.maps.LatLng(63.65, 10.65);
    var myOptions = {
        zoom: 9,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.TERRAIN
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
}

function createMarker(lat,lon,html) {
      marker = new google.maps.Marker({
      position: new google.maps.LatLng(lat, lon),
      map: map,
      title: html
      });

      google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
      });
}

function processShips(ships) {
        for (var i = 0; i < ships.length; i++) {
        createMarker(ships[i][0],ships[i][1],'bla'); 
        }
}

function load(ships) {
    initialize();
    processShips(ships);
}

load(ships);