ساخت نقشه

[ashkandehnavi]

سلام
میخواستم بدونم چه جوری میشه نقشه ای مثل گوگل پیاده کرد که اول یه عکس بزرگ از نمای کلی باشه وقتی بزرگ نمایی میکنی عکس های مربوط به آن منطقه را بدهد. نقشه ای که من روش کار میکنم نقشه ساختگیه.
گوگل از چه تکنیکی استفاده کرده؟؟؟
کسی میتونه راهنمایی کنه؟

[reza roozbeh]

سلام دوست عزیز.
اگه من بخوام یه همچین کاری بکنم اول یه عکس کلی مثلا از شهر تهران میزارم که این عکس خودش از چند عکس تشکیل شده باشد مثلا منطقه 1 عکس شماره 1 و منطقه 2 عکس شماره 2 .
دوم روی هرکدوم که زوم کرد اون عکس بزرگ نمایش داده بشه حالا من یه تجلیل کلی و ضعیف کردم که شما رو به هدف نزدیک کنم ولی قطعا شما خودتون روش فکر بکنید برنامه بهتری پیاده خواهید کرد به امید خدا.
موفق باشید

[AmirGhasemi]

سلام عزيزان
نه بابا اين چه روش هايي ه كه شما مي فرماييد
شما بايد از API خود گوگكل استفاده كنيد تا نقشه انلاين با قابليت هايي مثل زوم و حركت داشته باشيد
به جهت پرداخت زكات، در ادامه روش كار را مي نويسم

اول شما بايد API را فراخواني كنيد لذا خط زير را در قسمت Head صفحه تان اضافه كنيد

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>


سپس يك فايل js بسازيد مثلا به نام MarkerOnMap.js و كد زير را در آن كپي نماييد



var map;
function initialize() {
// Set Lang & Lat here and Below
var latlng = new google.maps.LatLng(35.709226, 51.407322);
var myOptions = {
zoom: 18,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//The DIV must be named by "map"
map = new google.maps.Map(document.getElementById("map"), myOptions);
var marker = new google.maps.Marker
(
{
// Set Lang & Lat here and Upper
position: new google.maps.LatLng(35.709226, 51.407322),
map: map,
title: 'مكا'
}
);
var infowindow = new google.maps.InfoWindow({
content: 'Location info:<br/>Meka<br/>'
});
google.maps.event.addListener(marker, 'click', function() {
// Calling the open method of the infoWindow
infowindow.open(map, marker);
});
}
window.onload = initialize;


حالا مسير همان فايل MarkerOnMap.js را هم در headصفحه تان قرار دهيد

خب حالا شما در محلي از صفحه مه مي خواهيد نقشه نمايش داده شود يك div به صورت زير بنويسيد



<div id="map">
</div>


بعد از اجراي برنامه اين div نقشه انلاين گوگل را نشان مي دهد

حالا اگر مي خواهيد دقيقا نقطه مد نظر شما نشانه گذاري شود طول و عرض جغرافيايي خود را بدست اورده در مقدار هاي زير در همان فايل js وارد نماييد

var latlng = new google.maps.LatLng(35.709226, 51.407322);

...
...
....
position: new google.maps.LatLng(35.709226, 51.407322),

[ashkandehnavi]

سلام عزيزان
نه بابا اين چه روش هايي ه كه شما مي فرماييد
شما بايد از API خود گوگكل استفاده كنيد تا نقشه انلاين با قابليت هايي مثل زوم و حركت داشته باشيد
به جهت پرداخت زكات، در ادامه روش كار را مي نويسم

اول شما بايد API را فراخواني كنيد لذا خط زير را در قسمت Head صفحه تان اضافه كنيد

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>


سپس يك فايل js بسازيد مثلا به نام MarkerOnMap.js و كد زير را در آن كپي نماييد



var map;
function initialize() {
// Set Lang & Lat here and Below
var latlng = new google.maps.LatLng(35.709226, 51.407322);
var myOptions = {
zoom: 18,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//The DIV must be named by "map"
map = new google.maps.Map(document.getElementById("map"), myOptions);
var marker = new google.maps.Marker
(
{
// Set Lang & Lat here and Upper
position: new google.maps.LatLng(35.709226, 51.407322),
map: map,
title: 'مكا'
}
);
var infowindow = new google.maps.InfoWindow({
content: 'Location info:<br/>Meka<br/>'
});
google.maps.event.addListener(marker, 'click', function() {
// Calling the open method of the infoWindow
infowindow.open(map, marker);
});
}
window.onload = initialize;


حالا مسير همان فايل MarkerOnMap.js را هم در headصفحه تان قرار دهيد

خب حالا شما در محلي از صفحه مه مي خواهيد نقشه نمايش داده شود يك div به صورت زير بنويسيد



<div id="map">
</div>


بعد از اجراي برنامه اين div نقشه انلاين گوگل را نشان مي دهد

حالا اگر مي خواهيد دقيقا نقطه مد نظر شما نشانه گذاري شود طول و عرض جغرافيايي خود را بدست اورده در مقدار هاي زير در همان فايل js وارد نماييد

var latlng = new google.maps.LatLng(35.709226, 51.407322);

...
...
....
position: new google.maps.LatLng(35.709226, 51.407322),




خیلی ممنون دوست عزیز بابت زحمتت
ولی من نمیخوام از نقشه گوگل استفاده کنم چون نقشه ی من مجازی و ساختگیه(ساخته ذهن) ولی میخوام از تکنیک گوگل استفاده کنم. راهی سراغ داری که به جای نقشه های گوگل خودمون آدرس بدیم؟