سوال درمورد گوگل مپ

LakDesign · تیر 93

سلام دوستان من میخوام در اسکریپتم وقتی روی یه دکمه کلیک کردن نقشه گوگل تو light box باشه و بعد کاربر موقعیت خودش رو روی نقشه پیدا کنه وقتی رو موقعیت کلیک کرد طول و عرض جغرافیایی اونجا داخل تو تا باکس داخل فرم ثبت شه باتشکر%

LakDesign · تیر 93

دوستان فکر نکنم سخت باشه الان هم سایت هایی هست که روی نقشه کلیک میکنی طول و عرض جغرافیایی بهت میده

LakDesign · تیر 93

دوستان خودم کدرو پیدا کردم برای استفاده میزارم اینجا


<!DOCTYPE html >
<html >
  <head>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAgrj58PbXr2YriiRDqbnL1RSqrCjdkglBijPNIIYrqkVvD1R4QxRl47Yh2D_0C1l5KXQJGrbkSDvXFA"
	  type="text/javascript"></script>
    <script type="text/javascript">
function load() {
	  if (GBrowserIsCompatible()) {
	    var map = new GMap2(document.getElementById("map"));
	    map.addControl(new GSmallMapControl());
	    map.addControl(new GMapTypeControl());
	    var center = new GLatLng(33.53500,47.60611);
	    map.setCenter(center, 6);
	    geocoder = new GClientGeocoder();
	    var marker = new GMarker(center, {draggable: true}); 
	    map.addOverlay(marker);
	    document.getElementById("lat").value = center.lat().toFixed(5);
	    document.getElementById("lng").value = center.lng().toFixed(5);

   GEvent.addListener(marker, "dragend", function() {
	   var point = marker.getPoint();
	   map.panTo(point);
	   document.getElementById("lat").value = point.lat().toFixed(5);
	   document.getElementById("lng").value = point.lng().toFixed(5);
	    });

  GEvent.addListener(map, "moveend", function() {
    map.clearOverlays();
    var center = map.getCenter();
    var marker = new GMarker(center, {draggable: true});
    map.addOverlay(marker);
    document.getElementById("lat").value = center.lat().toFixed(5);
    document.getElementById("lng").value = center.lng().toFixed(5);

  GEvent.addListener(marker, "dragend", function() {
	  var point =marker.getPoint();
	  map.panTo(point);
	  document.getElementById("lat").value = point.lat().toFixed(5);
	  document.getElementById("lng").value = point.lng().toFixed(5);
	    });

	    });
	  }
    }
    function showAddress(address) {
    var map = new GMap2(document.getElementById("map"));
	   map.addControl(new GSmallMapControl());
	   map.addControl(new GMapTypeControl());
	   if (geocoder) {
	    geocoder.getLatLng(
		  address,
		  function(point) {
		    if (!point) {
			  alert(address + " not found");
		    } else {
    document.getElementById("lat").value = point.lat().toFixed(5);
    document.getElementById("lng").value = point.lng().toFixed(5);
   map.clearOverlays()
   map.setCenter(point, 14);
   var marker = new GMarker(point, {draggable: true}); 
   map.addOverlay(marker);
  GEvent.addListener(marker, "dragend", function() {
	  var pt = marker.getPoint();
	  map.panTo(pt);
	  document.getElementById("lat").value = pt.lat().toFixed(5);
	  document.getElementById("lng").value = pt.lng().toFixed(5);
	    });

  GEvent.addListener(map, "moveend", function() {
    map.clearOverlays();
    var center = map.getCenter();
    var marker = new GMarker(center, {draggable: true});
    map.addOverlay(marker);
    document.getElementById("lat").value = center.lat().toFixed(5);
    document.getElementById("lng").value = center.lng().toFixed(5);

  GEvent.addListener(marker, "dragend", function() {
	 var pt = marker.getPoint();
	 map.panTo(pt);
    document.getElementById("lat").value = pt.lat().toFixed(5);
    document.getElementById("lng").value = pt.lng().toFixed(5);


	    });

	    });
		    }
		  }
	    );
	  }
    }
function ss(){
}
    </script>
</head>

<body onload="load()" onunload="GUnload()" >

<p align="left">

<table>
  <tr>
    <td><b>عرض جغرافیایی</b></td>
    <td><b>طول جغرافیایی</b></td>
  </tr>
  <tr>
    <td ><input type="text" id="lat" /></td>
    <td ><input type="txt"  id="lng" /></td>
  </tr>
</table>
</p>
  <p>
  <div align="center" id="map" style="width: 600px; height: 400px"><br/></div>
   </p>
  </div>
  <form action="#" onsubmit="showAddress(this.address.value); return false">
	 <p>	   
	  <input placeholder="برای سریع تر پیدا کردن محل  مورد نظر اسم شهر یا استان را بنویسید سپس روی دکمه برو کلیک کنید" type="text" size="100" name="address" value="" />
	  <input type="submit" value="برو" />
	  </p>
    </form>
</body>
</html>

حسن موحد · مهر 93

من کاملا می تونم بخش فرانت پیاده کنم ولی اینکه اون ذخیره کنه کار من نیست چون نمیدونم چطوری کاربر میتونه این موضوع حل کنه !

شما سئوالتون روی این باشه که چطوری میشه یه سری اطلاعات کاربر ذخیره کنه در دیتابیس ! من راه حل بخش نمایشیش بهتون میدم .

ورود

سوال درمورد گوگل مپ

پست های پیشنهاد شده

LakDesign 9

لینک به ارسال

LakDesign 9

لینک به ارسال

LakDesign 9

لینک به ارسال

حسن موحد 180

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

فهرست بخش ها

فعالیت ها