diff --git a/packages/plugins/map/src/client/components/ReadPretty.tsx b/packages/plugins/map/src/client/components/ReadPretty.tsx
index e6b2e51da5..f96884dbdf 100644
--- a/packages/plugins/map/src/client/components/ReadPretty.tsx
+++ b/packages/plugins/map/src/client/components/ReadPretty.tsx
@@ -1,5 +1,5 @@
 import { useField, useFieldSchema } from '@formily/react';
-import { useCollection } from '@nocobase/client';
+import { EllipsisWithTooltip, useCollection } from '@nocobase/client';
 import React, { useEffect } from 'react';
 import AMapComponent from './AMap';
 
@@ -19,12 +19,10 @@ const ReadPretty = (props) => {
 
   if (!readOnly)
     return (
-      <div
-        style={{
-          whiteSpace: 'pre-wrap',
-        }}
-      >
-        {value?.map((item) => (Array.isArray(item) ? `(${item.join(',')})` : item)).join(',')}
+      <div>
+        <EllipsisWithTooltip ellipsis={true}>
+          {value?.map((item) => (Array.isArray(item) ? `(${item.join(',')})` : item)).join(',')}
+        </EllipsisWithTooltip>
       </div>
     );