استفاده از گوگل مپ

[css-man]

دوستان من میخوام از گوگل مپ استفاده کنم لطفا راهنمائیم کنید
میخوام نقاطی رو روش مشخص کنم و اطلاعات او نقاط تو دیتابیس ثبت بشه

[css-man]

دوستان دقیقا اینو نیاز دارم

http://www.lovelyfoods.com/addjob/

[Unique]

باید از google map api استفاده کنی ، میتونی اینجا همه اطلاعات را پیدا کنی (https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CDEQFjAA&url=https%3A%2F%2Fdevelopers.google.com%2Fmaps%2F&ei=ola2UOCOIrDZ4QSu04HQDg&usg=AFQjCNGZA3DiCUz9bOP-BC4Mp5bvmfgA8w) البته با وی*پی*ان

[css-man]

این مپ رو ایجاد کردم

وقتی جایی کلیک میکنیم مختصاتش رودر فیلدها مینویسه

حالا میخوام فیلدی بزارم که مختصات رو دستی بگیره و اون منطقه رو نشون بده

اینم فایلم

[Unique]

مربوط به javascript میشه ولی اشکالی نداره :


function initialize() {
var latlng = new google.maps.LatLng(32.6100, 771.6890);
var settings = {
zoom: 11,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("div_to_show_map"), settings);

var myPos = new google.maps.LatLng(32.64153467182235, 51.69514641165733);
var myMarker = new google.maps.Marker({
position: myPos,
map: map,
title:"this is my marker"
});

[css-man]

مرسی ولی اینو کجا وارد کنم ؟

[thacker]

با استفاده از اين کد ساده هم ميتونيد ...



http://maps.google.com/maps/api/staticmap?size=6000x300&sensor=false&markers=color:red|size:mid|32.64153467182235,51.69 514641165733&&zoom=15


اين کد رو توي تگ IMG قرار بدين ... به صورت زير :



<img src="http://maps.google.com/maps/api/staticmap?size=6000x300&sensor=false&markers=color:red|size:mid|32.64153467182235,51.69 514641165733&&zoom=15">


در ضمن ميتونيد طول و عرض تصوير ، سنسور تصوير ، رنگ مارکر ، طول و عرض جغرافيايي و مقدار زوم بر روي نقشه رو از همين کد تغيير بدين ...

موفق باشيد ...

* نمیدونم چرا بین Color: و Red در کد فاصله میفته !! لطفا این فاصله رو توی کد اصلی خودتون حذف کنید !!

[css-man]

با استفاده از اين کد ساده هم ميتونيد ...



http://maps.google.com/maps/api/staticmap?size=6000x300&sensor=false&markers=color:red|size:mid|32.64153467182235,51.69 514641165733&&zoom=15


اين کد رو توي تگ IMG قرار بدين ... به صورت زير :



<img src="http://maps.google.com/maps/api/staticmap?size=6000x300&sensor=false&markers=color:red|size:mid|32.64153467182235,51.69 514641165733&&zoom=15">


در ضمن ميتونيد طول و عرض تصوير ، سنسور تصوير ، رنگ مارکر ، طول و عرض جغرافيايي و مقدار زوم بر روي نقشه رو از همين کد تغيير بدين ...

موفق باشيد ...

* نمیدونم چرا بین Color: و Red در کد فاصله میفته !! لطفا این فاصله رو توی کد اصلی خودتون حذف کنید !!



یک دنیا ممنون از توجهتون
من فایلم رو ضمیمه کردم اگر دیده باشید زمانی که روی مپ کلیک کنید مختصات اون نقطه توی باکس های پائین نمایش داده میشه

حالا گفتن دوتا باکس هم بزارم که کاربر مختصات رو وارد کنه و مپ اون مختصات رو نشون بده

میشه این تغییر رو روی فایل من ایجاد کنیدد

توقع زیادیه ولی من هیچی جاوا اسکریپت بلد نیستم

ممنونتون میشم

[thacker]

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

[css-man]

باز هم ممنون

[Unique]

مرسی ولی اینو کجا وارد کنم ؟

شما پرسیده بودین :


حالا میخوام فیلدی بزارم که مختصات رو دستی بگیره و اون منطقه رو نشون بده

دوست عزیز ! فکر کن دو تا فیلد داری یکی با ID داری مقدار xpos و دیگری با ID دارای مقدار ypos یک button هم داری که در زمان کلیک یک تابع به نام add_pos را صدا میزنه :

این چند خط باید در قبل از تابع باشن تا اصلا بتونی map را نمایش بدی و متغیر اشاره گر به map را داشته باشی :


function initialize() {
var latlng = new google.maps.LatLng(32.6100, 771.6890);
// this position is the center position of the map !
var settings = {
zoom: 11,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("div_to_show_map"), settings);

حالا تابع add_pos :


function add_pos(){
var myPos = new google.maps.LatLng(document.getElementById("xpos").value, document.getElementById("ypos").value);
var myMarker = new google.maps.Marker({
position: myPos,
map: map,
title:"this is my marker"
});
}

راستش باید کمی تسلط به javascript داشته باشین وگرنه شاید اصلا متوجه نشین من چی میگم.