Jump to content

google maps problem


sweetysweety

Recommended Posts

hi,i have a page like:

<!doctype html><html><head><meta charset="UTF-8"><title>GoogleMap</title><script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script><script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script><script type='text/javascript' src='blur.min.js'></script>  <style type='text/css'>body{margin:0;padding:0;color:#fff;font-family:arial;text-shadow:0 2px 2px #000; background:top left no-repeat;background-image:url('imajlar/Screen%20Shot%202013-06-10%20at%201.52.21%20PM%20(2).png'); }.circle{margin:0;-webkit-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;-moz-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff'); width:250px;height:315px; cursor:default;}</style></head><body><div class="circle">     <div class="iletisim" align="center">                         <img src="imajlar/ILETISIM/adres.png" name="address" style="margin-top:40px; margin-bottom:10px;"/>                        </div><div class="telephone" align="center">                         <img src="imajlar/ILETISIM/tel-fax.png" name="telephoneandfax" style="margin-bottom:10px;"/>                        </div>                        <div class="maps" align="center">                        <a href="https://maps.google.com/maps/ms?msa=0&msid=213710056391168101473.0004de675e2aaab352935&hl=tr&ie=UTF8&t=m&ll=40.982717,29.066316&spn=0.002551,0.008615&z=17&output=embed">                         <img src="imajlar/ILETISIM/harita.png" name="telephoneandfax" style="margin-bottom:10px;"/>                            </a>                        </div><div class="mail" align="center">                         <a href="mailto:grafik@terranartworks.com">                             <img src="imajlar/ILETISIM/mail.png" name="mail"/>                            </a>                        </div>    </div><script type="text/javascript">$(document).ready(function(){$('.circle').blurjs({draggable: false,overlay: 'rgba(255,255,255,0.1)',});});</script> </body></html>

i want to add a link up to map and somewhere that i clicked at the map photo,i want to load original google map page.then when i click a button,the original map should return to its first position,i mean to which picture and communication infos page.i insert <a> tag after the body tag but it didn't do what i wanted.is there any solution for this problem?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...