JSFiddle - React, Tailwind, and code Playground

by Ufuk Ozdemir

HTML

<img id="map" src="https://maps.googleapis.com/maps/api/staticmap?center=38.4067,27.1400&amp;zoom=16&amp;size=500x300&amp;markers=38.4067,27.1400&amp;sensor=falsescale=2&key=AIzaSyDt0D6sy4v8BZFVJiAea93aiR63E-GpBL8" width="500" height="300">

JavaScript

$('html').on("click", function() {

	var location = '38.4067,27.1400';
    var map = $('#map'),
 	   cval = 'https://maps.googleapis.com/maps/api/staticmap?center='+location+'&amp;zoom=10&amp;size=500x300&amp;markers='+location+'&amp;sensor=falsescale=2&key=AIzaSyDt0D6sy4v8BZFVJiAea93aiR63E-GpBL8';

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

});