IR-Developer
یک شنبه 30 فروردین 1394, 23:42 عصر
شما کافیه googlemap را درون صفحه لود کنید .
با استفاده از کد زیر با کلیک کاربر بر روی نقشه موقعیت جغرافیایی در کنترل مورد نظرتون نمایش داده می شه .
مرسی ولی کار نکرد ! با فایرباگ هم تست کردم هرکار میکنم داخل Event نمیره کد کامل را میزارم شما هم ببینید .:
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapProp = {
center: new google.maps.LatLng(32.700292, 51.522438),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addListener(map, "click", function (e) {
placeMarker(e.latLng, map);
});
function placeMarker(pos, map) {
if (oldMarkers && oldMarkers.length !== 0) {
for (var i = 0; i < oldMarkers.length; ++i) {
oldMarkers[i].setMap(null);
}
}
if (oldiw && oldiw.length !== 0) {
for (var i = 0; i < oldiw.length; ++i) {
oldiw[i].setMap(null);
}
}
oldMarkers = [];
oldiw = [];
var g = google.maps;
var marker = new g.Marker({
position: pos,
map: map
});
document.getElementById("Longitude").value = pos.lng();
document.getElementById("Latitude").value = pos.lat();
oldMarkers.push(marker);
var iw = new g.InfoWindow();
var cont = "<div style='float:right'>موقعیت ملک شما </br>عرض جغرافیایی : " + pos.lat() + "</br> طول جغرافیایی : " + pos.lng() + "</div>";
iw.setOptions({ content: cont, position: pos, pixelOffset: new g.Size(0, -22) });
iw.open(map);
map.panTo(pos);
oldiw.push(iw);
document.getElementById("remove").style.display = "block";
};
</script>
</head>
<body></body>
</html>