2012-03-03 13 views
1

マップGmap V3の印刷に問題があります。 ボタンを押すと印刷が行われます。コードは次のとおりです。Gmapマーカーが表示されないとき

function Print() { 
        text = document.getElementById('mapCanvas').innerHTML; 
        //mapCanvas is div whith map 
        printwin = open('', 'printwin', 'width=545,height=446'); 
        printwin.document.open(); 
        printwin.document.writeln('<html><head><title></title></head><body onload=print();close()>'); 
        printwin.document.writeln(text); 
        printwin.document.writeln('</body></html>'); 
        printwin.document.close(); 
       } 

地図上にはカスタムマーカーが使用されています。印刷するときには表示されません。標準的な方法でこのページを印刷するとすべてが問題ありません。

誰でもこの問題が発生しましたか?

P.S.悪い英語で申し訳ありません。 :)

答えて

2

divinnerHTMLにはマーカーが含まれていません。代わりに、マップ自体にオーバーレイされます。問題は、マーカーを印刷できないということではなく、地図自体をマーカーではなく新しいウィンドウにコピーすることだけです。

あなたの問題を解決するには、 divのinnerHTML以上を新しいhtmlドキュメントに含める必要があります。 javascriptと、マップ上にマーカーを配置するコードも含めます。

一方、印刷するときに表示したくないものを隠す印刷用の別のCSSファイルを使用すると同時に、マップやマーカーを表示できるようにする必要があります。

は、CSSでこれを使用していることを実行します。

@media print { 
    /* style sheet for print goes here */ 
} 
+0

はあなたの助けをいただき、ありがとうございます。私はCSSを使ってこの問題を解決しました(これは最善の解決策ではありません) –

関連する問題