解決策:Baidu Map Static Map Processing(http://lbsyun.baidu.com/index.php?title=static)を使用すると、ドメイン名が決定されます(http://api.map.baidu.com)、逆プロキシを使用してクロスドメインを解くために使用できます。
<! - html-> <el-image:src = `/baidu-static/staticimage/v2?ak = yourak&width = 1024&height = 400¢er = $ {center.lng}、$ {center.lat}&zoom = 16`> <div slot> image-slot> loading <spain class = dot> ... </span> </div> </el-image> <! - nginx-> location ^〜/baidu-static/{add_header 'access-control-origin' $ http_origin常に; add_header 'access-control-credentions' '常に'常に; add_header 'Access-control-allow-headers' 'Accept、Authorization、Cache-Control、dnt、if-midified-since、Keep-arive、ofirive、x-requested with with alest; proxy_pass http://api.map.baidu.com.;}質問2:マップにオーバーレイを表示する方法解決策:Baidu Map Static MapのAPIを調べた後、オーバーレイカスタムスタイルをよくサポートできません。せいぜい、カスタム画像(ローカル画像ではなく)を指定できます。私は真ん中に多くの方法を試しましたが、OpenLayers.mapを使用することが可能だと思いましたが、コードの変更のワークロードは大きすぎたので、断固としてあきらめました。後で、DIVを使用してカバーを直接シミュレートすることを考え、静的画像レベルよりも少し高く設定することができました。
質問3: CSSスタイルで点線の円を描きました。 HTML2Canvasの後の生成された数値は処理され、点線がしっかりしたラインになったことがわかりました解決策:キャンバスを使用して円を描きます
質問4:アイコンは、HTML2Canvasが処理された後に絶対的な位置決めと生成グラフを使用し、アイコンが表示されないことがわかります。解決策:アイコンのz-indexをBaiduの静的グラフレベルより大きく設定します(PS:静的グラフスタイルが絶対的な位置付けにも使用される場合)
質問5: HTML2Canvasの後に生成された画像は、黒い背景色で処理されます解決策:画像/PNGを画像/JPGに変更します
try {html2canvas(sharepage、{usecors:true})上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。