refactor(userMap): mv g2 script into userMap container

Author: mydearxym

containers/UsersThread/index.js

@@ -9,6 +9,8 @@ import dynamic from 'next/dynamic'
 
 import { connectStore, buildLog } from '@utils'
 
+import { useScript } from '@components/Hooks'
+
 import NumDashboard from './NumDashboard'
 import MapLoading from './MapLoading'
 
@@ -26,6 +28,11 @@ const GeoMapSSR = dynamic({
 })
 
 const UsersThreadContainer = ({ usersThread }) => {
+  /* load g2 from CDN, it's too big for dynamic import, and i am poor ..' */
+  const [g2ScriptLoaded] = useScript(
+    'https://a.alipayobjects.com/g/datavis/g2/2.3.13/index.js'
+  )
+
   useInit(usersThread)
 
   const {
@@ -36,7 +43,7 @@ const UsersThreadContainer = ({ usersThread }) => {
     showNums,
   } = usersThread
 
-  const ready = GeoMapSSR !== null && !geoDataLoading
+  const ready = g2ScriptLoaded && GeoMapSSR !== null && !geoDataLoading
 
   return (
     <Wrapper>

pages/_document.js

@@ -48,12 +48,6 @@ export default class DocumentPage extends Document {
             content="width=device-width, initial-scale=1, viewport-fit=cover"
           />
 
-          {/* load g2 from CDN, it's too big for dynamic import, and i am poor ..' */}
-          <script
-            async
-            src="https://a.alipayobjects.com/g/datavis/g2/2.3.13/index.js"
-          />
-          {/* https://cps-oss.oss-cn-shanghai.aliyuncs.com/antd-3.8.4-mini.css */}
           <link href="/antd-3.8.4-mini.css" rel="stylesheet" />
           <link
             href="https://fonts.googleapis.com/css?family=Orbitron"
@@ -63,9 +57,7 @@ export default class DocumentPage extends Document {
 
           <script
             async
-            src={`https://www.googletagmanager.com/gtag/js?id=${
-              process.env.GA_TRACING_ID
-            }`}
+            src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GA_TRACING_ID}`}
           />
           <script
             dangerouslySetInnerHTML={{