From 14688e0fa1ef3036e5a7c8ccd0f8bb0817aaf02d Mon Sep 17 00:00:00 2001
From: Masashi Katsumata <wf9a5m75@gmail.com>
Date: Thu, 22 Oct 2026 18:53:56 -0700
Subject: [PATCH] Size the info bubble by the icon's real extent

---
 src/GoogleMapView.web.tsx   | 6 +++---
 src/GoogleMapView2D.web.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/GoogleMapView.web.tsx b/src/GoogleMapView.web.tsx
index 3ebc8de..f53df06 100644
--- a/src/GoogleMapView.web.tsx
+++ b/src/GoogleMapView.web.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { mapViewStateInternal } from '@mapconductor/js-sdk-core';
+import { mapViewStateInternal, markerIconExtentPx } from '@mapconductor/js-sdk-core';
 import {
   MapContext,
   MapViewScope,
@@ -262,12 +262,12 @@ export function GoogleMapView({
               const screenOffset = holder.toScreenOffset(pos);
               if (!screenOffset) return null;
               const icon = entry.icon;
-              const iconPixelSize = icon ? icon.iconSize * icon.scale : 0;
+              const iconPixelSize = markerIconExtentPx(icon);
               return (
                 <InfoBubbleOverlay
                   key={entry.id}
                   positionOffset={screenOffset}
-                  iconSize={{ width: iconPixelSize, height: iconPixelSize }}
+                  iconSize={iconPixelSize}
                   iconOffset={icon ? icon.anchor : { x: 0.5, y: 0.5 }}
                   infoAnchorOffset={icon ? icon.infoAnchor : { x: 0.5, y: 0.5 }}
                   tailOffset={entry.tailOffset}
diff --git a/src/GoogleMapView2D.web.tsx b/src/GoogleMapView2D.web.tsx
index 2dbf86f..3572518 100644
--- a/src/GoogleMapView2D.web.tsx
+++ b/src/GoogleMapView2D.web.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { mapViewStateInternal } from '@mapconductor/js-sdk-core';
+import { mapViewStateInternal, markerIconExtentPx } from '@mapconductor/js-sdk-core';
 import {
   MapContext,
   MapViewScope,
@@ -255,12 +255,12 @@ export function GoogleMapView2D({
               const screenOffset = holder.toScreenOffset(pos);
               if (!screenOffset) return null;
               const icon = entry.icon;
-              const iconPixelSize = icon ? icon.iconSize * icon.scale : 0;
+              const iconPixelSize = markerIconExtentPx(icon);
               return (
                 <InfoBubbleOverlay
                   key={entry.id}
                   positionOffset={screenOffset}
-                  iconSize={{ width: iconPixelSize, height: iconPixelSize }}
+                  iconSize={iconPixelSize}
                   iconOffset={icon ? icon.anchor : { x: 0.5, y: 0.5 }}
                   infoAnchorOffset={icon ? icon.infoAnchor : { x: 0.5, y: 0.5 }}
                   tailOffset={entry.tailOffset}