JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<div id="dettagli_mappa"></div>
CSS
#dettagli_mappa {
width:450px;
height:300px;
background-color:#efefef;
}
JavaScript
function searchAddress() {
var a = $('#search-box').val(),
b = 'https://maps.googleapis.com/maps/api/geocode/json?address=' + encodeURIComponent(a) + '&sensor=false&key=700ec0ca8cf7c2eb90000d6800ecd8000e79c0f0';
$.get(b, function (a) {
POI.lat = a.results[0].geometry.location.lat;
POI.lng = a.results[0].geometry.location.lng;
mapsmall = new google.maps.Map(document.getElementById('dettagli_mappa'), mapOptions2);
mapOptions2.center = new google.maps.LatLng(POI.lat, POI.lng);
mapSmall = new google.maps.Map(document.getElementById('dettagli_mappa'), mapOptions2);
new google.maps.Marker({
position: new google.maps.LatLng(POI.lat, POI.lng),
map: mapSmall
});
});
}