Im making a google map, and ive been looking at other sites maps and saw something I like here: http://www.northstar.co.za/index.php/site/contact-us/

At the bottom of the map they have that darkened bar with the 'view larger map' action in it, how would I add this to my map? I looked at their code but I dont recognize how they did it.
I also dont know what its called so I cant even google a solution!
Anyone know?

7 Years
Discussion Span
Last Post by drjohn

I think ive realized that the dark bar is part of the css. but im still not sure how to add the "view larger map" part of it...


you could try looking at the code used...

<div class="map">
		<iframe marginheight="0" marginwidth="0" src="http://maps.google.co.za/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=4+chester+drive,+bishopscourt&amp;sll=-33.991125,18.442891&amp;sspn=0.010942,0.01929&amp;ie=UTF8&amp;hq=&amp;hnear=4+Chester+Dr,+Bishopscourt,+Western+Cape&amp;ll=-33.984648,18.447247&amp;spn=0.021707,0.085745&amp;z=14&amp;output=embed" scrolling="no" frameborder="0" height="425" width="1000"></iframe><br><small><a href="http://maps.google.co.za/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=4+chester+drive,+bishopscourt&amp;sll=-33.991125,18.442891&amp;sspn=0.010942,0.01929&amp;ie=UTF8&amp;hq=&amp;hnear=4+Chester+Dr,+Bishopscourt,+Western+Cape&amp;ll=-33.984648,18.447247&amp;spn=0.021707,0.085745&amp;z=16" style="color: rgb(0, 0, 255); text-align: left;">View Larger Map</a></small>

They show the larger map by simply linking directly to google maps

summarising the code

<div class="map">
<iframe src =link to show google map>

<small><a href=....>link direct to google maps</a></small>

Very easy, if you look at the code.

Edited by drjohn: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.