How to print page content including google map using javascript?

Posted by Sundermagar under JavaScript on 4/7/2010 | Views : 11385 | Status : [Member] | Replies : 2

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

Hi All,

I have a page in which i have embeded Google Map and have some contents as well I need to print the content of he page including google map. I tried writing print div content using javascript. But, that does not print the Google Map.

Can anyone have good solution for printing page.

Thanks,
Sunder

Sunder Magar

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: Sagarp on: 4/7/2010 [Member] Bronze

0	Hii friend check following links http://sites.google.com/site/webdevedu/labs-1/using-the-google-maps-javascript-api http://abcoder.com/google/google-map-api/print-button-for-google-map-api/ Thanks SagarP http://www.emanonsolutions.net http://emanonsolutions.blogspot.com/ Sundermagar, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Sundermagar on: 4/7/2010 [Member] Starter

0	Thanks, for reply but I thing this link i have already tried but did not solved my problem. here is the content I wanted to be printed. But it only prints the contents except Map. <h2 align="left"><span style="font-size: 18pt; color: rgb(0, 0, 128); font-family: Roman;"> Directions</span></h2> <p> <table style="width: 100%; border-collapse: collapse;"> <tbody> <tr> <td> <p> <iframe scrolling="no" height="350" frameborder="0" width="425" marginwidth="0" marginheight="0" src="http://maps.google.com/maps?f=q&hl=en&geocode=&q=4601+Bosque+Blvd+Waco,+TX+76710&sll=37.0625,-95.677068&sspn=48.50801,76.640625&ie=UTF8&layer=c&cbll=31.53709,-97.18518&panoid=WmQBNcHRvsm9Vmf0lnEXfQ&s=AARTsJqeg4Wb8YzGCsx1x0QQkaBrbs2y-g&ll=31.542114,-97.189007&spn=0.025602,0.036478&z=14&iwloc=addr&output=embed"></iframe><br /> <small><a style="color: rgb(0, 0, 255); text-align: left;" href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=4601+Bosque+Blvd+Waco,+TX+76710&sll=37.0625,-95.677068&sspn=48.50801,76.640625&ie=UTF8&layer=c&cbll=31.53709,-97.18518&panoid=WmQBNcHRvsm9Vmf0lnEXfQ&ll=31.542114,-97.189007&spn=0.025602,0.036478&z=14&iwloc=addr&source=embed">View Larger Map</a></small></p></td> <td style="padding-left: 15px;"> <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 6 from the West</span> - Take Bosque Blvd. Ext, turn left on Bosque to Lake Air, Complex is on the right.</p> <p><span style="color: rgb(0, 0, 128); font-weight: bold;">I-35 from the South</span> - Take New Road Exit, turn left on New Road, go to Bosque and turn left. Go past the Coliseum and turn right on Lake Air, Complex is on the right.</p> <p><span style="color: rgb(0, 0, 128); font-weight: bold;">I-35 from the North</span> - Take Valley Mills Dr. Exit. Turn right on Valley Mills Dr. Turn right on Lake Air, Complex is on the right.</p> <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 84 East</span> - Take Loop 340 North and follow directions as coming in from the North on I-35.</p> <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 6 from the South</span> - Intersects with I-35. Go South on I-35 and follow directions as coming in from the North on I-35.</p> <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 77 from the South</span> - About 1/2 mile past the intersection of Hwy. 77 and Loop 340, turn left onto Garden Dr. will turn into New Road. Take New Road to Bosque Blvd. Turn Left on Bosque Blvd. Go past the Coliseum and turn right on Lake Air, Complex is on the right.<br /> </p></td> </tr> </tbody> </table></p> Sunder Magar Sundermagar, if this helps please login to Mark As Answer. \| Alert Moderator

Thanks, for reply but I thing this link i have already tried but did not solved my problem.

here is the content I wanted to be printed. But it only prints the contents except Map.

<h2 align="left"><span style="font-size: 18pt; color: rgb(0, 0, 128); font-family: Roman;"> Directions</span></h2>

<p>

  <table style="width: 100%; border-collapse: collapse;">

    <tbody>

      <tr>

        <td>

          <p>

            <iframe scrolling="no" height="350" frameborder="0" width="425" marginwidth="0" marginheight="0" src="http://maps.google.com/maps?f=q&hl=en&geocode=&q=4601+Bosque+Blvd+Waco,+TX+76710&sll=37.0625,-95.677068&sspn=48.50801,76.640625&ie=UTF8&layer=c&cbll=31.53709,-97.18518&panoid=WmQBNcHRvsm9Vmf0lnEXfQ&s=AARTsJqeg4Wb8YzGCsx1x0QQkaBrbs2y-g&ll=31.542114,-97.189007&spn=0.025602,0.036478&z=14&iwloc=addr&output=embed"></iframe><br />

             <small><a style="color: rgb(0, 0, 255); text-align: left;" href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=4601+Bosque+Blvd+Waco,+TX+76710&sll=37.0625,-95.677068&sspn=48.50801,76.640625&ie=UTF8&layer=c&cbll=31.53709,-97.18518&panoid=WmQBNcHRvsm9Vmf0lnEXfQ&ll=31.542114,-97.189007&spn=0.025602,0.036478&z=14&iwloc=addr&source=embed">View Larger Map</a></small></p></td>

        <td style="padding-left: 15px;">

          <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 6 from the West</span> - Take Bosque Blvd. Ext, turn left on Bosque to Lake Air, Complex is on the right.</p>

          <p><span style="color: rgb(0, 0, 128); font-weight: bold;">I-35 from the South</span> - Take New Road Exit, turn left on New Road, go to Bosque and turn left. Go past the Coliseum and turn right on Lake Air, Complex is on the right.</p>

          <p><span style="color: rgb(0, 0, 128); font-weight: bold;">I-35 from the North</span> - Take Valley Mills Dr. Exit. Turn right on Valley Mills Dr. Turn right on Lake Air, Complex is on the right.</p>

          <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 84 East</span> - Take Loop 340 North and follow directions as coming in from the North on I-35.</p>

          <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 6 from the South</span> - Intersects with I-35. Go South on I-35 and follow directions as coming in from the North on I-35.</p>

          <p><span style="color: rgb(0, 0, 128); font-weight: bold;">Hwy. 77 from the South</span> - About 1/2 mile past the intersection of Hwy. 77 and Loop 340, turn left onto Garden Dr. will turn into New Road. Take New Road to Bosque Blvd. Turn Left on Bosque Blvd. Go past the Coliseum and turn right on Lake Air, Complex is on the right.<br />

             </p></td>

      </tr>

    </tbody>

  </table></p>

Sunder Magar

Sundermagar, if this helps please login to Mark As Answer. | Alert Moderator

Latest Posts