/* map needs width and height to appear */ #map{ width: 100%; height: 500px; } function initMap() { var map = new google.maps.Map(document.getElementById(‘map’), { zoom: 11, center: {lat: 29.7528261, lng: -95.339092} }); // Create an array of alphabetical characters used to label the markers. var labels = ‘ABCDEFGHIJKLMNOPQRSTUVWXYZ’; // Add some markers to the map. // Note: The code uses the JavaScript Array.prototype.map() method to // create an array of markers based on a given “locations” array. // The map() method here has nothing to do with the Google Maps API. var markers = locations.map(function(location, i) { return new google.maps.Marker({ position: location, label: labels[i % labels.length] }); }); // Add a marker clusterer to manage the markers. var markerCluster = new MarkerClusterer(map, markers, {imagePath: ‘https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m’}); } var locations = [ {lat: 29.733768, lng: -95.465904}, {lat: 29.738485, lng: -95.496913}, {lat: 29.732202, lng: -95.489620}, ]