diff --git a/samples/routes-markers/index.ts b/samples/routes-markers/index.ts
index 04b28be92..868ed1479 100644
--- a/samples/routes-markers/index.ts
+++ b/samples/routes-markers/index.ts
@@ -67,35 +67,45 @@ async function getDirections() {
         if (index === 0) {
             return {
                 ...defaultOptions,
+                title: 'Origin',
                 map: innerMap,
+                gmpClickable: true,
                 content: new PinElement({
                     glyphText: (index + 1).toString(),
                     glyphColor: 'white',
                     background: 'green',
                     borderColor: 'green',
+                    scale: 1.5,
                 }),
             };
         }
 
+        // [START maps_routes_markers_style_maker_intermediate]
         // Style all intermediate waypoints.
         if (!(index === 0 || index === totalMarkers - 1)) {
             return {
                 ...defaultOptions,
+                title: `Waypoint ${(index + 1).toString()}`,
                 map: innerMap,
+                gmpClickable: true,
                 content: new PinElement({
                     glyphText: (index + 1).toString(),
                     glyphColor: 'white',
                     background: 'blue',
                     borderColor: 'blue',
+                    scale: 1.5,
                 }),
             };
         }
+        // [END maps_routes_markers_style_maker_intermediate]
 
         // Style the destination waypoint.
         if (index === totalMarkers - 1) {
             return {
                 ...defaultOptions,
+                title: 'Destination',
                 map: innerMap,
+                gmpClickable: true,
                 content: new PinElement({
                     glyphText: (index + 1).toString(),
                     glyphColor: 'white',