src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&libraries=&v=weekly&channel=2" A fun customized map would include a different color to represent each of the three friend types. closes, focus will return to the associated marker. url: "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png", } remove the markers. You can add a simple marker to the map at a desired location by instantiating the marker class and specifying the position to be marked using latlng, as shown below. below. // Marker sizes are expressed as a Size of X,Y where the origin of the image Note that the anchor is set to (0,32) to correspond map: map, async ], 1. Custom tooltip on marker for google maps. A backward-pointing arrow that is closed on all sides. center: { lat: 20.291, lng: 153.027 },