0

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?

2
Contributors
2
Replies
3
Views
7 Years
Discussion Span
Last Post by drjohn
0

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...

0

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>
</div>

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>

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

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.