From de1ef27b50c060bfb431186a1c21dbb74a6b7613 Mon Sep 17 00:00:00 2001
From: sandeep <80671154+sandeepk-e@users.noreply.github.com>
Date: Tue, 12 Sep 2023 01:41:30 +0530
Subject: [PATCH] fix: avoid direct assignment of innerHTML for Advanced
 Marker-based cluster pins (#744)

---
 src/renderer.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/renderer.ts b/src/renderer.ts
index d458683b..bb6c712d 100644
--- a/src/renderer.ts
+++ b/src/renderer.ts
@@ -127,9 +127,11 @@ export class DefaultRenderer implements Renderer {
 
     if (MarkerUtils.isAdvancedMarkerAvailable(map)) {
       // create cluster SVG element
-      const div = document.createElement("div");
-      div.innerHTML = svg;
-      const svgEl = div.firstElementChild;
+      const parser = new DOMParser();
+      const svgEl = parser.parseFromString(
+        svg,
+        "image/svg+xml"
+      ).documentElement;
       svgEl.setAttribute("transform", "translate(0 25)");
 
       const clusterOptions: google.maps.marker.AdvancedMarkerElementOptions = {