JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false" type="text/javascript"></script>
<div id="map" style="width: 200px; height:200px;"></div>

JavaScript

var map;
var list = [{
    'lat': 54,
    'lon': 12},
{
    'lat': 54,
    'lon': 12.5}];

var opt = {
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"), opt);
var box = new google.maps.LatLngBounds();
for (var i = 0; i < list.length; i++) {
    var p = new google.maps.LatLng(list[i].lat, list[i].lon);
    var marker = new google.maps.Marker({
        position: p,
        map: map
    });
    box.extend(p);
}
map.fitBounds(box);
map.panToBounds(box);