title: cakephp: jquery open map in popup div
body: <p>i am working in cakephp n jquery. i have an image in cakephp and on click of that image i wish to open google map in a div popup using jquery.
  I succeeded to open the map in a div on same page, but i want  it to be in a popup.
  How do i do that?
   Below is my code:</p>
  
  <p>//image click</p>
  
  <pre><code>&lt;div class="for-route-img"&gt;
                                      &lt;img class="fromid" id="fromId" src="/prjPool/images/route.png" /&gt;
                                  &lt;/div&gt;
  </code></pre>
  
  <p>//map is loaded in mapCanvas div:
      </p>
  
  <p>
    </p>
  
  <pre><code>&lt;div id="markerStatus"&gt;&lt;/i&gt;&lt;/div&gt;
  &lt;b&gt;Current position:&lt;/b&gt;
  &lt;div id="info"&gt;&lt;/div&gt;
  &lt;b&gt;Closest matching address:&lt;/b&gt;
  &lt;div id="address"&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>jquery on image click:</p>
  
  <pre><code>    $('#fromId').click(function(){
      var txtFrom = $("#RideofferPlace").val();
  
              $.ajax({ 
     url: "test",
     type: "POST",
     data:  txtFrom,
     success: function(data) {
   $("#RideofferPlace").val("");
  
       initialize(); // this function loads the map
  
  },
  error: function (request, status, error) {
  
      }
          }
  
      );
  
  });
  </code></pre>
  
  <p>how do i show the div in popup using jquery?</p>