JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<input type="text" placeholder="City" />
<button id="submit">submit</button>

<img id="map" src="https://maps.googleapis.com/maps/api/staticmap?center=Madison, WI&amp;zoom=14&amp;size=288x200&amp;markers=Madison, WI&amp;sensor=false" height="200" width="288" />

JavaScript

$('#submit').on("click", function() {
    console.log('sdfs');

    var map = $('#map'),
        place = $(this).prev('input').val(),
 	    cval = 'https://maps.googleapis.com/maps/api/staticmap?center='+ place +'&amp;zoom=14&amp;size=288x200&amp;markers='+ place +'&amp;sensor=false';

	$('<img id="map" height="200" width="288" src="'+ cval +'">').insertAfter( map );
    map.remove();

});