fix: Updates remaining instances of glyph property to be glyphSrc or glyphText. (#866)

Author: willum070

samples/3d-accessibility-features/index.ts

@@ -44,7 +44,7 @@ async function initMap() {
 
   tourStops.forEach(({ position, title }, i) => {
     const pin = new PinElement({
-      glyph: `${i + 1}`,
+      glyphText: `${i + 1}`,
       scale: 1.5,
       glyphColor: "#FFFFFF"
     });

samples/3d-marker-customization/index.ts

@@ -56,7 +56,7 @@ async function init() {
     // Change many elements together and extrude marker.
     const pinTextGlyph = new PinElement({
         background: '#F0F6FC',
-        glyph: 'E',
+        glyphText: 'E',
         glyphColor: 'red',
         borderColor: '#0000FF',
     });
@@ -69,7 +69,7 @@ async function init() {
 
     // Hide the glyph.
     const pinNoGlyph = new PinElement({
-        glyph: '',
+        glyphText: '',
     });
     const markerWithNoGlyph = new Marker3DElement({
         position: { lat: 37.415, lng: -122.005 },

samples/3d-marker-graphics/index.ts

@@ -36,7 +36,7 @@ async function init() {
     const glyphImgUrl = 'https://www.gstatic.com/images/branding/productlogos/maps/v7/192px.svg';
     const glyphSvgPinElement = new PinElement({
         background: 'white',
-        glyph: new URL(glyphImgUrl),
+        glyphSrc: new URL(glyphImgUrl),
     });
     const glyphSvgMarker = new Marker3DElement({
         position: { lat: 37.425, lng: -122.07, altitude: 100 },
@@ -61,7 +61,7 @@ async function init() {
 
     const pinElement = new PinElement({
         background: place.iconBackgroundColor,
-        glyph: new URL(String(place.svgIconMaskURI)),
+        glyphSrc: new URL(String(place.svgIconMaskURI)),
     });
     const placeIconMarker = new Marker3DElement({
         position: place.location,

samples/advanced-markers-accessibility/index.ts

@@ -48,7 +48,8 @@ async function initMap() {
     // Create the markers.
     tourStops.forEach(({position, title}, i) => {
         const pin = new PinElement({
-            glyph: `${i + 1}`,
+            //@ts-ignore
+            glyphText: `${i + 1}`,
             scale: 1.5,
         });
         // [START maps_advanced_markers_accessibility_marker]

samples/routes-markers/index.ts

@@ -68,7 +68,7 @@ async function getDirections() {
         ...defaultOptions,
         map: innerMap,
         content: new PinElement({
-          glyph: (index + 1).toString(),
+          glyphText: (index + 1).toString(),
           glyphColor: 'white',
           background: 'green',
           borderColor: 'green',
@@ -82,7 +82,7 @@ async function getDirections() {
         ...defaultOptions,
         map: innerMap,
         content: new PinElement({
-          glyph: (index + 1).toString(),
+          glyphText: (index + 1).toString(),
           glyphColor: 'white',
           background: 'blue',
           borderColor: 'blue',
@@ -96,7 +96,7 @@ async function getDirections() {
         ...defaultOptions,
         map: innerMap,
         content: new PinElement({
-          glyph: (index + 1).toString(),
+          glyphText: (index + 1).toString(),
           glyphColor: 'white',
           background: 'red',
           borderColor: 'red',

samples/routes-route-matrix/index.ts

@@ -73,7 +73,8 @@ async function initMap(): Promise<void> {
   for (const origin of request.origins) {
     if (origin.location) {
       const pin = new PinElement({
-        glyph: "O",
+        //@ts-ignore
+        glyphText: "O",
         glyphColor: "white",
         background: "#137333",
         borderColor: "white",
@@ -94,7 +95,8 @@ async function initMap(): Promise<void> {
     const destination = request.destinations[i];
     if (destination.location) {
       const pin = new PinElement({
-        glyph: "D",
+        //@ts-ignore
+        glyphText: "D",
         glyphColor: "white",
         background: "#C5221F",
         borderColor: "white",