none
span id değerini TextBox içine yazdıramıyorum RRS feed

  • Soru

  • Merhabalar, öncelikle forum kuralları gereği buraya yazmadan önce internet üzerinde arama yapmama rağmen yapmak istediğim işleme yakın sonuç bulamadım. forum üzerinde arama yapmak istediğimde ise 

    502 - Web server received an invalid response while acting as a gateway or proxy server. 

    hatası aldığımı bilmenizi isterim.

    Hazırladığım Net uygulamasında google map üzerinden seçtiğim lokasyon bilgileri span id değerine yazıyor.

    <span id="Longitude"></span>

    <span id="Latitude"></span>

    Ben burada span id değerini span'a dokunmadan  

    <asp:TextBox ID="lati" runat="server"></asp:TextBox><asp:TextBox ID="longi" runat="server"></asp:TextBox>

    içine atmak istiyorum. Bu konuda yardımcı olabilir misiniz ?



    Hakan Yusuf ZBN


    • Düzenleyen HknYsf 29 Kasım 2015 Pazar 16:19 resim
    29 Kasım 2015 Pazar 16:14

Yanıtlar

  • Arkadaşlar Sorunumu Aşağıdaki kod sayesinde çözdüm.

    <script type="text/javascript">
        	var markerme;
        	var map;
        	var geocoder;
        
        	var newlocation;
        	var newlat;
        	var newlng;
        	
        	function initializemap(sender, latitude, longitude) {
        
        		var target = document.getElementById(sender);
        
        		var centerLocation = new google.maps.LatLng(latitude, longitude);
        
        		map = new google.maps.Map(target, {
        
        						zoom : 15,
        			
        			center : centerLocation,
              mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                position : google.maps.ControlPosition.TOP_RIGHT
              },
        			mapTypeId : google.maps.MapTypeId.ROADMAP,
        			zoomControl : true,
        			zoomControlOptions : {
        				style : google.maps.ZoomControlStyle.SMALL,
        				position : google.maps.ControlPosition.RIGHT_TOP
        			},
              streetViewControl: false,
        		});
        
        		markerme = new google.maps.Marker({
        			position : centerLocation,
        			title : 'Konumum',
        			map : map,
        			draggable : true
        		});
        
        		markerme.setAnimation(google.maps.Animation.BOUNCE);
        
        		if (geocoder == null) {
        			geocoder = new google.maps.Geocoder();
        		}
        		geocoder.geocode({
        			'latLng' : centerLocation
        		}, function(results, status) {
        			if (status == google.maps.GeocoderStatus.OK) {
        				if (results[1]) {
        										newlocation = results[0].formatted_address;
        					return;
        				}
        			}
        		});
        
        		google.maps.event.addListener(markerme, 'dragend', function() {
        			markerlocation = this.getPosition();
        			geocoder.geocode({
        				'latLng' : markerlocation
        			}, function(results, status) {
        				if (status == google.maps.GeocoderStatus.OK) {
        					if (results[1]) {
        						newlat = markerlocation.lat();
        						newlng = markerlocation.lng();
        
        						newlocation = results[0].formatted_address;
        
        						$('#adres').val(newlocation); 
                    
                		$("#latfield").val(newlat);
                		$("#lngfield").val(newlng);
        
        						return;
        					} else
        						$('#adres').val('Konum Bulunamadı');
        				}
        
        			});
        		});
        		google.maps.event.addListener(map, 'click', function(event) {
        			markerlocation = event.latLng;
        			markerme.setPosition(markerlocation);
        			geocoder.geocode({
        				'latLng' : markerlocation
        			}, function(results, status) {
        				if (status == google.maps.GeocoderStatus.OK) {
        					if (results[1]) {
        						newlat = markerlocation.lat();
        						newlng = markerlocation.lng();
        
        						newlocation = results[0].formatted_address;
        
        						$('#adres').val(newlocation); 
                    
                		$("#latfield").val(newlat);
                		$("#lngfield").val(newlng);
        
        						return;
        					} else
        						$('#adres').val('Konum Bulunamadı');
        				}
        
        			});
        		});
                
        	}
        
        	var latitude = 39.9091;
        	var longitude = 32.8619;
        
        	var input = document.getElementById('adres');
        	var options = {
        		componentRestrictions : {
        			country : 'tr'
        		}
        	};
        	var autocomplete = new google.maps.places.Autocomplete(input, options);
    
        	var marker = new google.maps.Marker({
        		map : map
        	});
        
        	$(input).focusin(function() {
        		$(document).keypress(function(e) {
        			if (e.which == 13) {
        
        				var firstResult = $(".pac-container .pac-item:first").text();
        
        				var geocoder = new google.maps.Geocoder();
        				geocoder.geocode({
        					"address" : firstResult
        				}, function(results, status) {
        					if (status == google.maps.GeocoderStatus.OK) {
        						var lat = results[0].geometry.location.lat(), lng = results[0].geometry.location.lng(), placeName = results[0].address_components[0].long_name, latlng = new google.maps.LatLng(lat, lng);
        						$(".pac-container .pac-item:first").addClass("pac-selected");
        						$(".pac-container").css("display", "none");
        						$(input).val(firstResult);
        						$(".pac-container").css("visibility", "hidden");
        						map.setCenter(latlng);
        						map.setZoom(15);
        						newlat = lat;
        						newlng = lng;
        						markerme.setPosition(latlng);
                    
                		$("#latfield").val(newlat);
                		$("#lngfield").val(newlng);
        
        					}
        				});
        				return false;
        			} else {
        				$(".pac-container").css("visibility", "visible");
        			}
        
        		});
        	});
        
        	google.maps.event.addListener(autocomplete, 'place_changed', function() {
        		var place = autocomplete.getPlace();
        
        		map.setCenter(place.geometry.location);
        		map.setZoom(15);
        		newlat = place.geometry.location.lat();
        		newlng = place.geometry.location.lng();
        		markerme.setPosition(place.geometry.location); 
                    
        		$("#latfield").val(newlat);
        		$("#lngfield").val(newlng);
        
        		var address = place;
        	});
        
        	initializemap('haritacanvas', latitude, longitude);    
        </script>


    Hakan Yusuf ZBN

    • Yanıt Olarak İşaretleyen HknYsf 30 Kasım 2015 Pazartesi 10:30
    30 Kasım 2015 Pazartesi 10:30
  • Javascript ile ilgili hocam yoksa o şekilde kod tarfında müdale edile bilir js kodlarınıza bakalım umarım çözeriz ...
    • Yanıt Olarak İşaretleyen HknYsf 30 Kasım 2015 Pazartesi 11:22
    30 Kasım 2015 Pazartesi 11:15
  • Hocam runat server dediğimizde js nin çalışmaması normal ... :) artık sadece server tarafından müsadele edilebilir oluyor ... Yine js kullanmalı yada ja iptal edip her şeyi codebeind de yaptırmalıdınız ...
    • Yanıt Olarak İşaretleyen HknYsf 30 Kasım 2015 Pazartesi 11:31
    30 Kasım 2015 Pazartesi 11:23

Tüm Yanıtlar

  • Öncelikle spanlara runat="server" ekleyin daha sonra codebeind de lati.Text=Longitude.Text; diyin ...İyi çalışmalar ...
    29 Kasım 2015 Pazar 18:09
  • Dejavuu dediğiniz gibi yaptım ekranda ki hatayı aldım.

    <span id="latitude" runat="server"  class="label label-default"> </span>
     <span id="longitude" runat="server" class="label label-default"></span>


    Hakan Yusuf ZBN

    29 Kasım 2015 Pazar 18:22
  • Hocam bir kodları atabilir misiniz ?
    Birde pardon kusura bakmayın bu spanla olmaz onları labelle çevirmelisiniz...
    • Düzenleyen Dejavuu 29 Kasım 2015 Pazar 18:48
    29 Kasım 2015 Pazar 18:44
  • Tabi hocam atıyorum ...
    29 Kasım 2015 Pazar 19:03
  • Hocam label yaptım sorun yok koordinat değerlerini aldım. Şimdi bu label üzerinden gelen değerleri veritabanına nasıl aktarabilirim. Aşağıdaki kodların doğrusu nasıl olmalıdır.

    cmdKaydet.Parameters.Add("LATITUDE", latitude.Text);
    cmdKaydet.Parameters.Add("LONGITUDE", longitude.Text);


    Hakan Yusuf ZBN

    • Yanıt Olarak İşaretleyen Serkan Canseven 30 Kasım 2015 Pazartesi 07:40
    • Yanıt İşaretini Geri Alan HknYsf 30 Kasım 2015 Pazartesi 08:30
    29 Kasım 2015 Pazar 19:04
  • Arkadaşlar Sorunumu Aşağıdaki kod sayesinde çözdüm.

    <script type="text/javascript">
        	var markerme;
        	var map;
        	var geocoder;
        
        	var newlocation;
        	var newlat;
        	var newlng;
        	
        	function initializemap(sender, latitude, longitude) {
        
        		var target = document.getElementById(sender);
        
        		var centerLocation = new google.maps.LatLng(latitude, longitude);
        
        		map = new google.maps.Map(target, {
        
        						zoom : 15,
        			
        			center : centerLocation,
              mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                position : google.maps.ControlPosition.TOP_RIGHT
              },
        			mapTypeId : google.maps.MapTypeId.ROADMAP,
        			zoomControl : true,
        			zoomControlOptions : {
        				style : google.maps.ZoomControlStyle.SMALL,
        				position : google.maps.ControlPosition.RIGHT_TOP
        			},
              streetViewControl: false,
        		});
        
        		markerme = new google.maps.Marker({
        			position : centerLocation,
        			title : 'Konumum',
        			map : map,
        			draggable : true
        		});
        
        		markerme.setAnimation(google.maps.Animation.BOUNCE);
        
        		if (geocoder == null) {
        			geocoder = new google.maps.Geocoder();
        		}
        		geocoder.geocode({
        			'latLng' : centerLocation
        		}, function(results, status) {
        			if (status == google.maps.GeocoderStatus.OK) {
        				if (results[1]) {
        										newlocation = results[0].formatted_address;
        					return;
        				}
        			}
        		});
        
        		google.maps.event.addListener(markerme, 'dragend', function() {
        			markerlocation = this.getPosition();
        			geocoder.geocode({
        				'latLng' : markerlocation
        			}, function(results, status) {
        				if (status == google.maps.GeocoderStatus.OK) {
        					if (results[1]) {
        						newlat = markerlocation.lat();
        						newlng = markerlocation.lng();
        
        						newlocation = results[0].formatted_address;
        
        						$('#adres').val(newlocation); 
                    
                		$("#latfield").val(newlat);
                		$("#lngfield").val(newlng);
        
        						return;
        					} else
        						$('#adres').val('Konum Bulunamadı');
        				}
        
        			});
        		});
        		google.maps.event.addListener(map, 'click', function(event) {
        			markerlocation = event.latLng;
        			markerme.setPosition(markerlocation);
        			geocoder.geocode({
        				'latLng' : markerlocation
        			}, function(results, status) {
        				if (status == google.maps.GeocoderStatus.OK) {
        					if (results[1]) {
        						newlat = markerlocation.lat();
        						newlng = markerlocation.lng();
        
        						newlocation = results[0].formatted_address;
        
        						$('#adres').val(newlocation); 
                    
                		$("#latfield").val(newlat);
                		$("#lngfield").val(newlng);
        
        						return;
        					} else
        						$('#adres').val('Konum Bulunamadı');
        				}
        
        			});
        		});
                
        	}
        
        	var latitude = 39.9091;
        	var longitude = 32.8619;
        
        	var input = document.getElementById('adres');
        	var options = {
        		componentRestrictions : {
        			country : 'tr'
        		}
        	};
        	var autocomplete = new google.maps.places.Autocomplete(input, options);
    
        	var marker = new google.maps.Marker({
        		map : map
        	});
        
        	$(input).focusin(function() {
        		$(document).keypress(function(e) {
        			if (e.which == 13) {
        
        				var firstResult = $(".pac-container .pac-item:first").text();
        
        				var geocoder = new google.maps.Geocoder();
        				geocoder.geocode({
        					"address" : firstResult
        				}, function(results, status) {
        					if (status == google.maps.GeocoderStatus.OK) {
        						var lat = results[0].geometry.location.lat(), lng = results[0].geometry.location.lng(), placeName = results[0].address_components[0].long_name, latlng = new google.maps.LatLng(lat, lng);
        						$(".pac-container .pac-item:first").addClass("pac-selected");
        						$(".pac-container").css("display", "none");
        						$(input).val(firstResult);
        						$(".pac-container").css("visibility", "hidden");
        						map.setCenter(latlng);
        						map.setZoom(15);
        						newlat = lat;
        						newlng = lng;
        						markerme.setPosition(latlng);
                    
                		$("#latfield").val(newlat);
                		$("#lngfield").val(newlng);
        
        					}
        				});
        				return false;
        			} else {
        				$(".pac-container").css("visibility", "visible");
        			}
        
        		});
        	});
        
        	google.maps.event.addListener(autocomplete, 'place_changed', function() {
        		var place = autocomplete.getPlace();
        
        		map.setCenter(place.geometry.location);
        		map.setZoom(15);
        		newlat = place.geometry.location.lat();
        		newlng = place.geometry.location.lng();
        		markerme.setPosition(place.geometry.location); 
                    
        		$("#latfield").val(newlat);
        		$("#lngfield").val(newlng);
        
        		var address = place;
        	});
        
        	initializemap('haritacanvas', latitude, longitude);    
        </script>


    Hakan Yusuf ZBN

    • Yanıt Olarak İşaretleyen HknYsf 30 Kasım 2015 Pazartesi 10:30
    30 Kasım 2015 Pazartesi 10:30
  • Tebrik ederim hocam ... İyi çalışmalar ...
    30 Kasım 2015 Pazartesi 10:40
  • Teşekkür ederim hocam. Şimdi başka bir sorun ile karşı karşıya kaldım.

    <input type="longitude" name="latlng"> resimde görüldüğü gibi koordinatlar geliyor CodeBehind tarafında ise runat="server" değeri olmadığından kayıt işleminde hata veriyor.<input type="longitude" name="latlng" runat="server"> yapınca  koordinat değerleri gelmiyor. 

    Veya  <input type="longitude" name="latlng"> bu şekilde iken gelen değeri codebehind tarafında nasıl alır ve database işlerim

    Bunu nasıl çözebilirim


    Hakan Yusuf ZBN


    • Düzenleyen HknYsf 30 Kasım 2015 Pazartesi 11:04 not
    30 Kasım 2015 Pazartesi 11:03
  • Yine runat="server" ekleyin ve ıd verin...
    30 Kasım 2015 Pazartesi 11:06
  • Hocam bu şekilde koordinat değeri geliyor

    <input type="text" id="latitude" name="latitude" />

    bu şekilde ise gelmiyor

    <input type="text" id="latitude" name="latitude" runat="server" />

    yani işin içine runat="server" girince js tarafında sanırım bir sorun oluşuyor js kodları ise yukarıda olduğu gibidir.

    bir yandan burada sorarken diğer taraftan bu konuda araştırmalarımı da yaptığımı bilmenizi isterim


    Hakan Yusuf ZBN

    30 Kasım 2015 Pazartesi 11:11
  • Javascript ile ilgili hocam yoksa o şekilde kod tarfında müdale edile bilir js kodlarınıza bakalım umarım çözeriz ...
    • Yanıt Olarak İşaretleyen HknYsf 30 Kasım 2015 Pazartesi 11:22
    30 Kasım 2015 Pazartesi 11:15
  • Hocam gözden kaçan bir ayrıntı ile sorunu çözdüm. Dün sizle görüşmem esnasında string kullanmamı söylemiştiniz. ben bu sabah ki heyecanım yüzünden bunu unuttum.

    string lati = Request.Form["latitude"];
            string longi = Request.Form["longitude"];

    Bu şekilde sorun çözüldü. Testlerimde ise istediğim sonucu aldım.

    Teşekkür ederim, İlgi ve Alakanız için

    Sonuç


    Hakan Yusuf ZBN


    • Düzenleyen HknYsf 30 Kasım 2015 Pazartesi 11:23 resim
    30 Kasım 2015 Pazartesi 11:22
  • Hocam runat server dediğimizde js nin çalışmaması normal ... :) artık sadece server tarafından müsadele edilebilir oluyor ... Yine js kullanmalı yada ja iptal edip her şeyi codebeind de yaptırmalıdınız ...
    • Yanıt Olarak İşaretleyen HknYsf 30 Kasım 2015 Pazartesi 11:31
    30 Kasım 2015 Pazartesi 11:23