Adres Arama Motoru,Google Maps ile Haritada Adres Bulma

Harita'da Osmaniye Yol Tarifi

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div style="text-align: left;">
Aşağıdaki Arama Kutularına Hareket Yerinizi ve Gideceğiniz Hedef Yeri Yazdıktan Sonra<span style="color: blue;"><b> (Yol Haritası Göster) </b></span>Butonuna Tıklayın.</div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
Haritanın Altından İtibaren Adım Adım Gideceğiniz Yolu Tarifi Görünecektir</div>
</div>
<br />
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css"></link>          <script src="http://maps.google.com/maps/api/js?sensor=false&libraries=adsense&language=tr" type="text/javascript"> </script>        <script type="text/javascript">                    var map;             var directionsService;             var directionsRenderer;                         function initialize() {                 map = new google.maps.Map(document.getElementById("map_canvas"), {                     zoom: 7,                     mapTypeId: google.maps.MapTypeId.ROADMAP,                     center: new google.maps.LatLng(-33.868011, 151207566)                 });                   directionsRenderer = new google.maps.DirectionsRenderer();                 directionsRenderer.setMap(map);                     directionsRenderer.setPanel(document.getElementById('directions'));                   directionsService = new google.maps.DirectionsService();                                 Form=document.forms['harita'];                 YolTarifi(Form.elements['nerden'].value, Form.elements['nereye'].value);                         }                     function YolTarifi(Nerden, Nereye) {                 var request = {                     origin: Nerden,                     destination: Nereye,                     travelMode: google.maps.DirectionsTravelMode.DRIVING,                     unitSystem: google.maps.DirectionsUnitSystem.METRIC                 };                             directionsService.route(request, function(response, status) {                     if (status == google.maps.DirectionsStatus.OK) {                         directionsRenderer.setDirections(response);                     } else {                         alert('Yol Tarifi Oluşturulamadı');                     }                 });             }                   </script>     </div>
<body onload="initialize()">         <form action="#" name="harita">
             <table>
<tr><th align="right">Nerden </th>                    <td><input name="nerden" size="20" type="text" value="İstanbul" /></td>                    <th align="right">Nereye</th>                    <td align="right"><input name="nereye" size="20" type="text" value="Osmaniye" /></td>                    <th>                        <input name="submit" onclick="YolTarifi(document.forms['harita'].elements['nerden'].value, document.forms['harita'].elements['nereye'].value)" type="button" value="Yol Haritası Göster" />                    </th>                </tr>
<tr>      <td colspan="3"> </td>    </tr>
</table>
</form>
<div id="map_canvas" style="height: 560px; width: 580px;">
</div>
<div id="directions" style="width: 580px;">
</div>
<br /> <br />                             </body> <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-c_YhlsY-lVg/VQwI4gBRJ8I/AAAAAAAA_OE/AAnIQviNaVg/s1600/Yol-Rarifi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="580" src="http://4.bp.blogspot.com/-c_YhlsY-lVg/VQwI4gBRJ8I/AAAAAAAA_OE/AAnIQviNaVg/s1600/Yol-Rarifi.png" width="520" /></a></div>
<br /></div>

Harita'da Osmaniye Yol Tarifi

Aşağıdaki Arama Kutularına Hareket Yerinizi ve Gideceğiniz Hedef Yeri Yazdıktan Sonra (Yol Haritası Göster) Butonuna Tıklayın. H...