Aspire
Koineks
  • 17-03-2013, 14:23:51
    #1
    1/2
    Merhaba Arkadaşlar. Emlak İlan Ekleme Sitem var ve bu sitede google maps kullanılıyor ancak benim istediğim tarzda bir maps değil bu. Benim istediğim maps türü mousenin orta tekerleği ( teknolojik adı ne bilmiyorum ) onunla yeri seçip işaretleme yapma. Resim ekleyerek izah etmeye çalışayım.

    Bu resim sitemde + ve - tuşları ile yakınlaştırma ve uzaklaştırma yapılıyor.



    ben bu uzaklaştırma ve yakınlaştırma işini mousenin orta tekerleği ile yapmak ve işaretlemek istiyorum.




    İsteğim açık ve net oldu mu bilemiyorum ama umarım anlaşılmıştır. Bu istediklerimi nasıl yaparım yardımcı olacak kimse var mı ?

    Bu kodlarda şuan sitemde kullanılan maps kodları.

    PHP- Kodu:
    <div class="msgSuccess">İlan Harita Bilgisi</div>
    <div class="clr"></div>
    <div class="tamsayfa">
    <div class="clr"></div>
    <div id="map" style="width: 750px; height: 300px;  border:#96cae3 1px solid;"></div>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
    <input type="hidden" id="lat" name="x_coor" value="39.9476478239225">
    <input type="hidden" id="long" name="y_coor" value="32.8546142578125">
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
    <script type="text/javascript">
          var latlng = new google.maps.LatLng(39.9476478239225, 32.8546142578125);
          var options = {
              zoom: 5,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP,
              draggableCursor: "crosshair",
              scrollwheel: false,
              streetViewControl: false
            };
          var map = new google.maps.Map(document.getElementById("map"), options);
          $("#zoom").val(5);
              google.maps.event.addListener(map,"click", function(location)
          {
            GetLocationInfo(location.latLng);
          });
          google.maps.event.addListener(map,'zoom_changed', function(oldLevel, newLevel)
          {
            $("#zoom").val(map.getZoom());
          });
         var initListener;
          var marker;
        function GetLocationInfo(latlng)
          {
            if (latlng != null)
            {
              ShowLatLong(latlng);
             UpdateStreetView(latlng);
           }
          }
          function GotoLatLong()
          {
            if ($("#lat").val() != "" && $("#long").val() != "") {
             var lat = $("#lat").val();
              var long = $("#long").val();
              var latLong = new google.maps.LatLng(lat, long);
              ShowLatLong(latLong);
              map.setCenter(latLong);
              UpdateStreetView(latLong);
            }
          }

          function ShowLink(){
            $("#mapLink").html('<a href="ShowMap.php?lat=' + $("#lat").val() +
              '&long=' + $("#long").val() + '&zoom=' + $("#zoom").html() + '">Link for this map</a>');
          }
          function ShowLatLong(latLong)
          {
            // show the lat/long
            if (marker != null) {
              marker.setMap(null);
            }
            marker = new google.maps.Marker({
              position: latLong,
              map: map});
            $("#lat").val(latLong.lat());
            $("#long").val(latLong.lng());
            $("#address").val((ReverseGeocode(latLong.lat(),latLong.lng(), '#address')));
            $("#adresX").val(ReverseGeocode(latLong.lat(),latLong.lng(), '#adresX'));
          }
    </script>
    </div>
    Her Bildiğini Söyleme,Her Söylediğini Bil..!
  • Sponsor Reklam