mapping-component-package-jp 0.1.53 → 0.1.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapping-component-package-jp",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/JPMapComponent.tsx

@@ -21,7 +21,7 @@ export type jpMapType = {
 
 interface JPMapComponentProps {
   gmAPIkey: string,
-  mapContainerId?: string; 
+  id?: string; 
   jpMap: (jpMap: jpMapType) => void, 
 };
 
@@ -36,7 +36,7 @@ const mapOptions = {
 };
 
 
-const JPMapComponent: React.FC<JPMapComponentProps> = ({ gmAPIkey, mapContainerId, jpMap }) => {
+const JPMapComponent: React.FC<JPMapComponentProps> = ({ gmAPIkey, id, jpMap }) => {
 
   const [mapInstance, setMapInstance] = useState<google.maps.Map | null>(null);
   
@@ -74,7 +74,7 @@ const JPMapComponent: React.FC<JPMapComponentProps> = ({ gmAPIkey, mapContainerI
   return isLoaded ? (
     <GoogleMap
       mapContainerStyle={containerStyle}
-      {...(mapContainerId ? { mapContainerId } : {})}
+      id={id}
       center={center}
       zoom={5}
       options={mapOptions}

package/src/components/JPMapComponentNew.tsx

@@ -31,7 +31,7 @@ export type jpMapType = {
 
 interface JPMapComponentNewProps {
   gmAPIkey: string;
-  mapContainerId?: string;
+  id?: string;
   // The callback to pass the initialized map data back up to the parent App
   jpMap: (jpMap: jpMapType) => void;
 }
@@ -65,7 +65,7 @@ const MapHandlerComponent: React.FC<{ jpMap: JPMapComponentNewProps['jpMap'] }>
 
 
 // --- 2. The Main Map Component: Sets up Provider and Map ---
-const JPMapComponentNew: React.FC<JPMapComponentNewProps> = ({ gmAPIkey, mapContainerId, jpMap }) => {
+const JPMapComponentNew: React.FC<JPMapComponentNewProps> = ({ gmAPIkey, id, jpMap }) => {
 
   return (
     // The APIProvider handles key, script loading, and libraries
@@ -75,7 +75,7 @@ const JPMapComponentNew: React.FC<JPMapComponentNewProps> = ({ gmAPIkey, mapCont
     >
       <Map
         mapId={MAP_ID}
-        {...(mapContainerId ? { mapContainerId } : {})}
+        id={id}
         style={containerStyle}
         center={center}
         zoom={5}

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -185,6 +185,7 @@ export class MapOverlayManager {
             tipObj.innerHTML = data;
             tipObj.style.top = event.domEvent.clientY + window.scrollY + ttOffset.y + "px";
             tipObj.style.left = event.domEvent.clientX + window.scrollX + ttOffset.x + "px";
+            tipObj.style.zIndex = 20000;
             document.body.appendChild(tipObj);
         }
     }
@@ -196,6 +197,7 @@ export class MapOverlayManager {
             tipObj.innerHTML = data;
             tipObj.style.top = event.clientY + window.scrollY + ttOffset.y + "px";
             tipObj.style.left = event.clientX + window.scrollX + ttOffset.x + "px";
+            tipObj.style.zIndex = 20000;
             document.body.appendChild(tipObj);
         }
     }