JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=true"></script>
<div id="map-canvas"></div>
<div class="marker-count">
    Total markers: <span></span>
</div>

CSS

#map-canvas {
width: 100%;
height: 300px;
min-height: 100%;
}
.marker-count {
    
}

JavaScript

var map, places, tmpLatLng, markers = [];

    var pos = new google.maps.LatLng(51.5033630,-0.1276250);
      var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(51.5033630,-0.1276250)
      };
      map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
        // create the map and reference the div#map-canvas container
        var markerBounds = new google.maps.LatLngBounds();
        var service = new google.maps.places.PlacesService(map);


          // fetch the existing places (ajax) 
          // and put them on the map

            var request = {
              location: pos,
              radius: 48000,  // Max radius
              name: "mc donalds"
            };
            function callback(results, status) {
              if (status == google.maps.places.PlacesServiceStatus.OK) {
                for (var i = 0; i < results.length; i++) {
                  createMarker(results[i]);
                }
                $('#map-canvas').attr("data-markers",results.length);
                $('.marker-count span').html(markers.length);                  
              } else {
                console.log("Places request failed: "+status);
              }
            } // end callback
            function createMarker(place) {
              var prequest = {
                reference: place.reference
              };
              var tmpLatLng = place.geometry.location;
              var marker = new google.maps.Marker({
                map: map,
                position: place.geometry.location
              });
              markers.push(marker);
              markerBounds.extend( tmpLatLng );
            } // end createMarker
            service.nearbySearch(request, callback);