JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>Simple Map</title>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap"></script>
  </head>

  <body>
    <div id="map"></div>
  </body>

</html>

CSS

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

function initMap() {
  41.85,
  -87.65
  var myLatlng = {
    lat: 41.85,
    lng: -87.65
  };
  var map = new google.maps.Map(
    document.getElementById('map'), {
      zoom: 18,
      center: myLatlng,
      disableDefaultUI: false,
      mapTypeId: 'satellite',
      zoomControl: true,
      mapTypeControl: true,
      scaleControl: true,
      streetViewControl: false,
      rotateControl: false,
      fullscreenControl: true
    });

  map.setOptions({
    draggableCursor: 'default'
  });
  map.addListener('click', function(marker) {

    marker = new google.maps.Marker({
      map: map,
      clickable: false,
      position: marker.latLng,
    })

    var markerposLat = marker.getPosition().lat();
    var markerposLon = marker.getPosition().lng();

    function pixl(markerposLat, markerposLon) {
      var projection = map.getProjection();
      var bounds = map.getBounds();
      var topRight = projection.fromLatLngToPoint(bounds.getNorthEast());
      var bottomLeft = projection.fromLatLngToPoint(bounds.getSouthWest());
      var scale = Math.pow(2, map.getZoom());
      var worldPoint = projection.fromLatLngToPoint(marker.getPosition());
      return [Math.floor((worldPoint.x - bottomLeft.x) * scale), Math.floor((worldPoint.y - topRight.y) * scale)]
    };

    localStorage["pixl"] = JSON.stringify(pixl((markerposLat,markerposLon)));
    localStorage["markerLat"] = JSON.stringify(markerposLat);
    localStorage["markerLon"] = JSON.stringify(markerposLon);
    console.log(localStorage["pixl"], localStorage["markerLat"], localStorage["markerLon"]);
  });

}