問題タブ [react-google-maps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ReactJS で Google マップをプレビューする方法
私は ReactJS の初心者です。ブルガリアの地図を視覚化し、降雨データを受信したときにのみ各都市にマーカーを設定したいと考えています。今のところ、このリンクの例を試してみます: React google-maps
しかし、ファイルにコードを配置するとエラーが発生します。
おそらくエラーは非常に小さいですが、修正方法がわかりません。
私のコード:
reactjs - html2canvas動的にレンダリングされたdiv
html2canvas( http://html2canvas.hertzen.com )を使用して、Google マップ ビューを含むページのスクリーンショットを撮ろうとしていますが、結果のスクリーンショットがマーカーを除いて白くなるという問題が発生しています。この問題を (おそらく) 複雑にしているのは、React アプリケーションを作成しようとしているということです。
このコードを使用してスクリーンショットを撮ります。
これは、スクリーンショットを撮ろうとしているページです。
上記のコードは、次の画像を生成します。
ご覧のとおり、スクリーンショットが生成され、マーカーと下部の「Map Data ©2018 Google」がキャプチャされますが、結果のスクリーンショットは空白のままです。
Github のドキュメントには、ここにプリロードするオプションがあります: https://github.com/niklasvh/html2canvas/wiki/Documentation#preload-content
0.5.0 betaただし、これはバージョン以降ライブラリから削除されたようです-現在は1.0.0 alphaにあるため、そのような古いライブラリに戻ることは実際にはオプションではありません.
スクリーンショットを撮る前に、GMaps コンポーネントがレンダリングされるのを待つように html2canvas に指示するにはどうすればよいですか?