docs: update document.

uiwjs · Aug 24, 2021 · a2e578c · a2e578c
1 parent 1f387f7
commit a2e578c
Show file tree

Hide file tree

Showing 24 changed files with 69 additions and 69 deletions.
diff --git a/package.json b/package.json
@@ -84,7 +84,7 @@
     "react-router-dom": "5.2.0",
     "react-test-renderer": "17.0.2",
     "source-map-explorer": "2.5.2",
-    "tsbb": "3.0.0-rc.5"
+    "tsbb": "3.0.0-rc.6"
   },
   "eslintConfig": {
     "extends": [

diff --git a/src/APILoader/README.md b/src/APILoader/README.md
@@ -17,9 +17,9 @@ import ReactDOM from 'react-dom';
 import { Map, APILoader } from '@uiw/react-baidu-map';
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
-      <Map autoLocalCity />
+      <Map autoLocalCity style={{ height: 350 }} />
     </APILoader>
   </div>
 );

diff --git a/src/CanvasLayer/README.md b/src/CanvasLayer/README.md
@@ -25,7 +25,7 @@ const Example = () => {
   return (
     <>
       <button onClick={() => setVisiable(!visiable)}>{visiable ? '隐藏' : '显示'}</button>
-      <Map zoom={12} widget={['NavigationControl']}>
+      <Map zoom={12} widget={['NavigationControl']} style={{ height: 350 }}>
         <CanvasLayer
           ref={canvasLayerRef}
           visiable={visiable}
@@ -57,7 +57,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>
@@ -116,13 +116,13 @@ const Example = () => {
   return (
     <>
       <button onClick={() => setVisiable(!visiable)}>{visiable ? '隐藏' : '显示'}</button>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   )
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/Circle/README.md b/src/Circle/README.md
@@ -30,7 +30,7 @@ const Example = () => {
       <button onClick={() => setEnableEditing(!enableEditing)}>{enableEditing ? '取消编辑' : '编辑'}</button>
       <button onClick={() => setStrokeOpacity(0.7)}>透明度0.7</button>
       <button onClick={() => setStrokeOpacity(0.2)}>透明度0.2</button>
-      <Map widget={['NavigationControl']}>
+      <Map widget={['NavigationControl']} style={{ height: 350 }}>
         <Circle
           ref={circleRef}
           visiable={visiable}
@@ -53,7 +53,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/Control/README.md b/src/Control/README.md
@@ -19,7 +19,7 @@ const Example = () => {
   const [count, setCount] = useState(0);
   const map = useRef(null);
   return (
-    <Map zoom={13} ref={map}>
+    <Map zoom={13} ref={map} style={{ height: 350 }}>
       <Control
         ref={(instance) => {
           if (instance && instance.control) {
@@ -63,7 +63,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>
@@ -105,14 +105,14 @@ const Example = () => {
   const { portal } = useControl({ map, children, anchor: BMAP_ANCHOR_TOP_RIGHT });
   return (
     <>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
       {portal}
     </>
   )
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/CopyrightControl/README.md b/src/CopyrightControl/README.md
@@ -25,7 +25,7 @@ const Example = () => {
       <button onClick={() => setShow(!show)}>
         {show ? '关闭' : '开启'}
       </button>
-      <Map zoom={13} ref={map} widget={['NavigationControl']}>
+      <Map zoom={13} ref={map} widget={['NavigationControl']} style={{ height: 350 }}>
         <CopyrightControl offset={new BMap.Size(10, 30)} anchor={BMAP_ANCHOR_TOP_RIGHT}>
           <CopyrightControl.Item bounds={bounds}>
             <span style={{ color: 'red', backgroundColor: '#fff', padding: 3 }}>自定义版权只在上海地区可见</span>
@@ -48,7 +48,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/CurveLine/README.md b/src/CurveLine/README.md
@@ -28,7 +28,7 @@ const Example = () => {
       <button onClick={() => setEnableEditing(!enableEditing)}>{enableEditing ? '取消编辑' : '编辑'}</button>
       <button onClick={() => setStrokeOpacity(0.7)}>透明度0.7</button>
       <button onClick={() => setStrokeOpacity(0.2)}>透明度0.2</button>
-      <Map zoom={4} center="武汉" widget={['NavigationControl']}>
+      <Map zoom={4} center="武汉" widget={['NavigationControl']} style={{ height: 350 }}>
         <CurveLine
           ref={curveLineRef}
           enableEditing={enableEditing}
@@ -47,7 +47,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>
@@ -117,13 +117,13 @@ const Example = () => {
       <button onClick={() => setEnableEditing(!enableEditing)}>{enableEditing ? '取消编辑' : '编辑'}</button>
       <button onClick={() => setStrokeOpacity(0.7)}>透明度0.7</button>
       <button onClick={() => setStrokeOpacity(0.2)}>透明度0.2</button>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   )
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/CustomOverlay/README.md b/src/CustomOverlay/README.md
@@ -30,9 +30,9 @@ const Demo = () => {
     setCount(count + 1);
   }
   return (
-    <div style={{ width: '100%', height: '350px' }}>
+    <div style={{ width: '100%' }}>
       <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
-        <Map widget={['NavigationControl']} zoom={13}>
+        <Map widget={['NavigationControl']} zoom={13} style={{ height: 350 }}>
           <Marker position={{ lng: 121.466008, lat: 31.220001 }} />
           <CustomOverlay
             ref={markerRef}
@@ -108,14 +108,14 @@ const Example = () => {
 
   return (
     <>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
       {portal}
     </>
   )
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/DrawingManager/README.md b/src/DrawingManager/README.md
@@ -30,7 +30,7 @@ const styleOptions = {
 const Example = () => {
   return (
     <>
-      <Map zoom={4} center="武汉" widget={['NavigationControl']}>
+      <Map zoom={4} center="武汉" widget={['NavigationControl']} style={{ height: 350 }}>
         <DrawingManager
           isOpen={true}
           enableDrawingTool={true}
@@ -49,7 +49,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>
@@ -108,13 +108,13 @@ const Example = () => {
 
   return (
     <>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   )
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/GeolocationControl/README.md b/src/GeolocationControl/README.md
@@ -23,7 +23,7 @@ const Example = () => {
       <button onClick={() => setShow(!show)}>
         {show ? '关闭' : '开启'}
       </button>
-      <Map zoom={13}>
+      <Map zoom={13} style={{ height: 350 }}>
         {show && (
           <GeolocationControl
             onLocationSuccess={(e) => {
@@ -55,7 +55,7 @@ const Example = () => {
 }
 
 ReactDOM.render((
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>
@@ -91,13 +91,13 @@ const Example = () => {
       <button onClick={() => setShow(!show)}>
         {show ? '关闭' : '开启'}
       </button>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   );
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/GroundOverlay/README.md b/src/GroundOverlay/README.md
@@ -29,7 +29,7 @@ const Example = () => {
   return (
     <>
       <button onClick={() => setVisiable(!visiable)}>{visiable ? '隐藏' : '显示'}</button>
-      <Map center="北京" zoom={11} widget={['NavigationControl']}>
+      <Map center="北京" zoom={11} widget={['NavigationControl']} style={{ height: 350 }}>
         {visiable && (
           <GroundOverlay
             ref={groundRef}
@@ -46,7 +46,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/InfoWindow/README.md b/src/InfoWindow/README.md
@@ -93,14 +93,14 @@ const Example = () => {
     <>
       <button onClick={() => setIsOpen(!isOpen)}>{isOpen ? '显示' : '隐藏'}</button>
       <input value={title} onChange={(e) => setTitle(e.target.value)} />
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   )
 }
 
 const Demo = () => {
   return (
-    <div style={{ width: '100%', height: '350px' }}>
+    <div style={{ width: '100%' }}>
       <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
         <Example />
       </APILoader>

diff --git a/src/Label/README.md b/src/Label/README.md
@@ -29,7 +29,7 @@ const Example = () => {
     <>
       <input value={content} onChange={(e) => setContent(e.target.value)} />
       <button onClick={() => setVisiable(!visiable)}>{visiable ? '隐藏' : '显示'}</button>
-      <Map zoom={13} widget={['NavigationControl']}>
+      <Map zoom={13} widget={['NavigationControl']} style={{ height: 350 }} />
         <Label visiable={visiable} content={content} position={{ lng: 121.436256, lat: 31.246926 }}/>
         <Label
           ref={labelRef}
@@ -44,7 +44,7 @@ const Example = () => {
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '350px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>
@@ -88,13 +88,13 @@ const Example = () => {
       <button onClick={() => setZoom(counts-1)}>-</button>
       <span>{zoom || 15}</span>
       <button onClick={() => setZoom(counts+1)}>+</button>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   )
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/Map/README.md b/src/Map/README.md
@@ -155,13 +155,13 @@ const Example = () => {
       <button onClick={() => setCenter('北京')}>北京</button>
       <button onClick={() => setCenter('上海')}>上海</button>
       <button onClick={() => setAutoLocalCity(true)}>IP定位</button>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   )
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>

diff --git a/src/MapTypeControl/README.md b/src/MapTypeControl/README.md
@@ -47,7 +47,7 @@ const Example = () => {
       <button onClick={() => setShow(!show)}>
         {show ? '关闭' : '开启'}
       </button>
-      <Map zoom={13}>
+      <Map zoom={13} style={{ height: 350 }}>
         {show && (
           <MapTypeControl />
         )}
@@ -58,7 +58,7 @@ const Example = () => {
 }
 
 ReactDOM.render((
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>
@@ -94,13 +94,13 @@ const Example = () => {
       <button onClick={() => setShow(!show)}>
         {show ? '关闭' : '开启'}
       </button>
-      <div ref={divElm} style={{ height: '100%' }} />
+      <div ref={divElm} style={{ height: 350 }} />
     </>
   );
 }
 
 const Demo = () => (
-  <div style={{ width: '100%', height: '300px' }}>
+  <div style={{ width: '100%' }}>
     <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
       <Example />
     </APILoader>