تعیین محل کار بر روی نقشه گوگل توسط کاربر
سوال
من میخوام کاربران از طریق سایت بتونند محل کار خود را بر روی نقشه گوگل مشخص کنند و من هم آن دیتا ها را ذخیره کنم .
در حال بررسی
0
ASP.NET MVC
5 سال
1 پاسخ
717 دیده شده
0
پاسخ ( ۱ )
سلام ، این کد مپ ، لطفا اطلاعاتی را که در پایین کد قرار دادم را هم مطالعه کنید.
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
۱۷
۱۸
۱۹
۲۰
۲۱
۲۲
۲۳
۲۴
۲۵
۲۶
۲۷
۲۸
۲۹
۳۰
۳۱
۳۲
۳۳
۳۴
۳۵
۳۶
۳۷
۳۸
۳۹
۴۰
۴۱
۴۲
۴۳
۴۴
۴۵
۴۶
۴۷
<script type=
"text/javascript"
src=
"http://maps.googleapis.com/maps/api/js?sensor=false"
></script>
<script type=
"text/javascript"
>
var
markers = [
{
"title"
:
'نام شرکت یا کارخانه'
,
"lat"
:
'عدد مربوط به عرض جغرافیایی'
,
"lng"
:
'عدد مربوط به طول جغرافیایی'
,
}];
window.onload = function () {
LoadMap();
};
var
map;
var
marker;
function LoadMap() {
var
mapOptions = {
center:
new
google.maps.LatLng(markers[0].lat, markers[0].lng),
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map =
new
google.maps.Map(document.getElementById(
"dvMap"
), mapOptions);
SetMarker(0);
};
function SetMarker(position) {
//Remove previous Marker.
if
(marker !=
null
) {
marker.setMap(
null
);
}
//Set Marker on Map.
var
data = markers[position];
var
myLatlng =
new
google.maps.LatLng(data.lat, data.lng);
marker =
new
google.maps.Marker({
position: myLatlng,
map: map,
title: data.title
});
//Create and open InfoWindow.
//var infoWindow = new google.maps.InfoWindow();
//infoWindow.setContent("<div style = 'width:200px;min-height:100px'>" + data.description + "</div>");
//infoWindow.open(map, marker);
};
</script>
<br /><br />
<div id=
"dvMap"
class
=
"img-thumbnail img-rounded"
style=
"width: 400px; height: 400px;"
>
</div>
این اعداد هم وقتی با GoogleMap آدرس را پیدا کردید ، راست کلیک کنید کنید بر روی اون نقطه ، گزینه What`s Here? را کلیک کنید ، دوتا عدد بالا براتون هم در Url Bar و هم در پایین صفحه براتون میاد ، که اعداد با کاما(,) از هم جدا شده اند ، عدد اول را در عرض و عدد دوم را در طول قرار بدید.