Google Directions Only、inポップアップウィンドウ

Question

私はGoogleマップのものを手に入れました。運転の方向性などは、私が初心者のウェブ開発者であることを考えるとかなり満足していました。 ちょうど1つの問題は、クライアント（上司）に見せてもらったときに好きだったのですが、方向がそのまま表示されるようにしたいのですが、別のタブではなくポップアップで表示することが欲しかったです。 基本的に地図をそのまま保ち、 "経路表示"を押したときにポップアップウィンドウに経路情報を表示 私はすべての経路情報を取得し、それを可動divに表示することができました。彼は欲しい。 別のポップアップウィンドウに のものだけを含めて私が知っている人はいますか？またはトピックに関するチュートリアル？ 彼はできるだけ早くそれを見たいと思っています。

更新：Mollesに提案が情報を含む元のdivを非表示になって、次のコードを使用して、最大

ポップにそれを追加しようとしました DRを1として：

enter code herefunction directionsWindow() { 
      // get the div containing the direction information from the google 
      // maps direction service 
      var divToShow=document.getElementById('directions'); 
      // store the returned div in a variable 
      var htmlToDisplay = document.getElementById('directions').innerHTML 
      // get the html contained in the div and store it in a variable 

      win=window.open('about:blank','instructions','width=1000,height=1000'); 
      // open a new window 
      doc=win.document; 
      // create a new div 
      var divToDisplay = doc.createElement('div'); 
      // set its id to directions 
      divToDisplay.id = "directions"; 
      // set its html to that of the div in the parent document 
      divToDisplay.innerHTML = htmlToDisplay; 
      // append the div to the window 
      doc.body.appendChild(divToDisplay); 
      doc.open(); 
      doc.close(); 
     } 

をしかし、これはありません私はdivが存在し、内容を持っていることを知っているにもかかわらず、ntはhtmlToDisplayが空であるように見えます（私はそれを最初に見ることができます）。 誰か光を当てることはできますか？

Answer 1

開き、ウィンドウやドキュメントに命令を書く：ちょうど人々は、私は別の「ウィンドウ」で私の道順を取得するために管理してきました知っているように

win=window.open('about:blank','instructions','width=300,height=200'); 
doc=win.document; 
doc.open(); 
doc.write('<div id="instructions">instructions</div>'); 
doc.close(); 
//reference to the div inside the popup 
//->doc.getElementById('instructions') 

window.open()
document.write()

Answer 2

。 jqueryを使用して、表示方向を表示していたdivを表示して非表示にしてからjqueryで再びドラッグ可能にする必要がありました。 今はうまくいきましたマップ上の各ウェイポイントを見ることができ、新しいポップアップウィンドウウィンドウを使って管理できなかった代替ルートを表示できます。