JSFiddle - React, Tailwind, and code Playground

by DustyWhite

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;dummy=.js"></script>
<div id="map_canvas"></div>

<input type="button" id="recenter" value="Re-center" />

CSS

#map_canvas {
    width: 400px;
    height: 300px;
    margin: 0;
    padding: 0;
}

JavaScript

var mapOptions = {
    center: new google.maps.LatLng(45, -122),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map_canvas"),
                              mapOptions);

function moveToLocation(lat, lng){
    var center = new google.maps.LatLng(lat, lng);
    map.panTo(center);
}
$('#recenter').click( function() {
    moveToLocation( -34, 150 );
});