امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
استفاده از google map در سایت
نویسنده پیام
lord_viper غایب
مدیر کل انجمن
*****

ارسال‌ها: 3,947
موضوع‌ها: 352
تاریخ عضویت: بهمن ۱۳۸۴

تشکرها : 5184
( 9869 تشکر در 2648 ارسال )
ارسال: #1
استفاده از google map در سایت
شاید برای شما هم پیش اومده باشه که بخواهید از گوگل مپ برای دادن کرکی و ادرس تو سایتتون استفاده کنید

[تصویر:  Screenshot.png]

خب برای این کار باید از api گوگل که در اختیار ما قرار میده استفاده کنیمGoogle Map API مجموعه ابزارهایی را برای کار کردن و استفاده کردن از قابلیت های نقشه های گوگل فراهم می کند که به صورت یک فایل جاوا اسکریپت میباشد که باید به صفحه خود اضافه کنیم.
کد:
<script type="text/javascirpt" src="http://maps.google.com/maps/api/js?sensor=false"></script>

خب حالا باید مکان مورد نظر برای نمایش نقشه را فراهم کنیم یک div با ایدی و طول و عرض مورد نظر
کد:
<div id="myMap" style="width:300px; height:300px"> </div>

خب حالا تابع جاوا اسکریپت خودمونو برای لود نقشه مینویسیم

کد:
<script type="text/javascirpt">
       function initialize() {
         var myLatlng = new [color=#FF0000]google.maps.LatLng(36.28695466492734, 59.615657329559326);[/color]
         var mapOptions = {
           zoom: [color=#FF0000]15[/color],
           center: myLatlng,
           mapTypeId: google.maps.MapTypeId.ROADMAP
         }
          
         var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
          
         var contentString = '<div style="direction: rtl; text-align: right;font-family: Tahoma;">' +
                                     '<h4>[color=#FF0000]خونه ما اینجاس[/color]</h4>' +
                                      '</div>';
          
         var infowindow = new google.maps.InfoWindow({
           content: contentString
         });
          
         var marker = new google.maps.Marker({
           position: myLatlng,
           map: map,
           title: '[color=#FF0000]lord_viper[/color]'
         });
          
         infowindow.open(map, marker);
         google.maps.event.addListener(marker, 'click', function() {
           infowindow.open(map, marker);
         });
       }
    </script>

خب حالا ما باید تغییرات لازم خودمون رو در این کد اعمال کنیم به اولین چیزی که نیاز داریم مختصات مکانی خودمون هست برای این کار با استفاده از سایت
سایت
رفته و ادرس مختصات خودتونو به دست بیارین

[تصویر:  map2.png]

و در قسمت google.maps.LatLng قرار دهید
قسمت قرمر دوم هم اندازه زوم نقشه هست که میتونین به دلخواه خودتون تغییر بدین[/code]
قسمت قرمز سوم به جای "خونه ما اینجاس" میتونین متنی رو که میخواهید بالای اون موقعیت مکانی نشون داده بشه رو بزنین
و قسمت قرمز چهارم هم hint اون موقعیت مکانی هست که با رفتن موس روی اون قسمت نشون داده میشه

[تصویر:  map.png]


فایل‌(های) پیوست شده بندانگشتی (ها)
           

[تصویر:  xshon.png]
از آن نماز که خود هیچ از آن نمی فهمی خدا چه فایده و بهره اکتساب کند
تفاخری نبود مر خدای عالم را که چون تو ابلهی او را خدا حساب کند
(آخرین ویرایش در این ارسال: ۳۰-تير-۱۳۹۲, ۱۳:۲۲:۴۰، توسط babyy.)
۳۰-تير-۱۳۹۲, ۱۰:۲۹:۰۷
وب سایت ارسال‌ها
پاسخ
تشکر شده توسط : kimiafars, sharin, babyy, sarv, godvb, Ghoghnus, behzady, hadikh73
kimiafars آفلاین
کاربر با تجربه
****

ارسال‌ها: 819
موضوع‌ها: 71
تاریخ عضویت: فروردین ۱۳۸۶

تشکرها : 663
( 1137 تشکر در 512 ارسال )
ارسال: #2
RE: استفاده از google map در سایت
ممنون اما ایا میشه یه نقشه رو خوذدت درست کنی و بهش مختصات بدی یعنی از گوگل نخونه فقط از سایت خودت بخونه
چون لود api های گوگل بالاست اگر بخوای برای ردیاب شخصی یا خودرو از اون نقشه کمک گرفت

تولید دیمر قناری و دستگاههای کنترل سالن هیدروپونیک و اکواپونیک(انبردست)anbordast.ir[url=anbordast.ir][/url]
(آخرین ویرایش در این ارسال: ۳۰-تير-۱۳۹۲, ۱۰:۳۹:۴۰، توسط kimiafars.)
۳۰-تير-۱۳۹۲, ۱۰:۳۷:۵۳
ارسال‌ها
پاسخ
lord_viper غایب
مدیر کل انجمن
*****

ارسال‌ها: 3,947
موضوع‌ها: 352
تاریخ عضویت: بهمن ۱۳۸۴

تشکرها : 5184
( 9869 تشکر در 2648 ارسال )
ارسال: #3
RE: استفاده از google map در سایت
فکر نکنم بشه خودتون بهش نقشه بدین
ولی تا اونجا که اطلاع دارم میتونین به کاملتر شدن نقشه گوگل کمک کنین

[تصویر:  xshon.png]
از آن نماز که خود هیچ از آن نمی فهمی خدا چه فایده و بهره اکتساب کند
تفاخری نبود مر خدای عالم را که چون تو ابلهی او را خدا حساب کند
۳۰-تير-۱۳۹۲, ۱۷:۲۰:۳۰
وب سایت ارسال‌ها
پاسخ
تشکر شده توسط : sarv, babyy, kimiafars
javaweb آفلاین
در حال پیشرفت
***

ارسال‌ها: 310
موضوع‌ها: 113
تاریخ عضویت: تير ۱۳۹۱

تشکرها : 497
( 325 تشکر در 144 ارسال )
ارسال: #4
RE: استفاده از google map در سایت
سلام
می شه با استفاده از آی پی مکان آن را بدست آورد و در نقشه نمایش داد؟؟؟؟؟؟؟؟؟؟؟؟؟؟
با تشکر

الهم عجل لولیک الفرج

[تصویر:  logo.png]
www.shGraphy.ir
insta: @shGraphy_ir
۲۲-آذر-۱۳۹۲, ۱۳:۳۲:۰۱
وب سایت ارسال‌ها
پاسخ
babyy آفلاین
بازنشسته
*****

ارسال‌ها: 3,095
موضوع‌ها: 141
تاریخ عضویت: مرداد ۱۳۸۷

تشکرها : 35081
( 26083 تشکر در 9068 ارسال )
ارسال: #5
RE: استفاده از google map در سایت
تا اونجا که من میدونم
مکان تقریبی رو میشه بدست آورد! که اونم بیشتر اوقات جواب درستی نمیده!

یک مثال:
من از شرکت x اینترنت خریدم؛ نمایندگیشون توی شهر خودم بهم سرویس میدن!
ولی این شرکت توی تهرانه! اینا هم دیگه ثبت نکردم فلان آیپی رو دادیم به کدوم شهرستان ....
واسه همین ایپی منو میرنه واسه تهران!! Biggrin
۲۲-آذر-۱۳۹۲, ۱۳:۴۰:۲۲
وب سایت ارسال‌ها
پاسخ
تشکر شده توسط : Ghoghnus, javaweb
Ghoghnus آفلاین
مدیر بخش
*****

ارسال‌ها: 1,473
موضوع‌ها: 259
تاریخ عضویت: آذر ۱۳۸۸

تشکرها : 1641
( 3907 تشکر در 1435 ارسال )
ارسال: #6
RE: استفاده از google map در سایت
(۲۲-آذر-۱۳۹۲, ۱۳:۴۰:۲۲)babyy نوشته است: تا اونجا که من میدونم
مکان تقریبی رو میشه بدست آورد! که اونم بیشتر اوقات جواب درستی نمیده!
حدودش را چطوری میشه بدست اورد؟؟؟

[تصویر:  a.jpg]

باور کنیم
همانگونه که در غیبت مقصریم در ظهور موثریم!
نیستیم؟

زیر شمشیر غمش رقص کنان باید رفت #  کان که شد کُشته ی او نیک سرانجام افتاد



 چشمک - بهینه شده برای ورژن جدید دانلود پروژه برنامه نويسي
۲۲-آذر-۱۳۹۲, ۱۵:۵۷:۴۴
وب سایت ارسال‌ها
پاسخ
تشکر شده توسط : javaweb
babyy آفلاین
بازنشسته
*****

ارسال‌ها: 3,095
موضوع‌ها: 141
تاریخ عضویت: مرداد ۱۳۸۷

تشکرها : 35081
( 26083 تشکر در 9068 ارسال )
ارسال: #7
RE: استفاده از google map در سایت
(۲۲-آذر-۱۳۹۲, ۱۵:۵۷:۴۴)Ghoghnus نوشته است: حدودش را چطوری میشه بدست اورد؟؟؟

تا اونجا که من میدونم یه دیتابیسی هست که میگه فلان ایپی واسه کدوم موقعیته!
۲۲-آذر-۱۳۹۲, ۱۷:۳۸:۴۵
وب سایت ارسال‌ها
پاسخ
تشکر شده توسط : Ghoghnus, javaweb
Ghoghnus آفلاین
مدیر بخش
*****

ارسال‌ها: 1,473
موضوع‌ها: 259
تاریخ عضویت: آذر ۱۳۸۸

تشکرها : 1641
( 3907 تشکر در 1435 ارسال )
ارسال: #8
RE: استفاده از google map در سایت
(۲۲-آذر-۱۳۹۲, ۱۷:۳۸:۴۵)babyy نوشته است:
(۲۲-آذر-۱۳۹۲, ۱۵:۵۷:۴۴)Ghoghnus نوشته است: حدودش را چطوری میشه بدست اورد؟؟؟

تا اونجا که من میدونم یه دیتابیسی هست که میگه فلان ایپی واسه کدوم موقعیته!

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

[تصویر:  a.jpg]

باور کنیم
همانگونه که در غیبت مقصریم در ظهور موثریم!
نیستیم؟

زیر شمشیر غمش رقص کنان باید رفت #  کان که شد کُشته ی او نیک سرانجام افتاد



 چشمک - بهینه شده برای ورژن جدید دانلود پروژه برنامه نويسي
۲۲-آذر-۱۳۹۲, ۱۸:۰۶:۱۷
وب سایت ارسال‌ها
پاسخ
babyy آفلاین
بازنشسته
*****

ارسال‌ها: 3,095
موضوع‌ها: 141
تاریخ عضویت: مرداد ۱۳۸۷

تشکرها : 35081
( 26083 تشکر در 9068 ارسال )
ارسال: #9
RE: استفاده از google map در سایت
(۲۲-آذر-۱۳۹۲, ۱۸:۰۶:۱۷)Ghoghnus نوشته است: این دیتابیس را باید خودمون درست کنیم یا جایی هست باید ازش استفاده کنیم؟؟

نمیدونم! قانونا باید باشه؛ ولی اینکه در اختیار عموم هست یا نه رو خبر ندارم
در حدی که نام شهر ها رو بگه رو میشه دانلود کرد ولی اینکه مکان رو بگه رو نمیدونم!!
۲۲-آذر-۱۳۹۲, ۲۳:۵۳:۳۰
وب سایت ارسال‌ها
پاسخ
تشکر شده توسط : Ghoghnus, javaweb


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  [سوال] از چه تکنولوژی در این شرابط استفاده کنیم بهتره؟ nImaarek 0 301 ۲۲-آبان-۱۳۹۸, ۲۳:۳۷:۵۵
آخرین ارسال: nImaarek
  آموزش ایجاد تبلیغات در گوشه سایت با CSS و jQuery Ghoghnus 0 1,347 ۲۷-آذر-۱۳۹۲, ۱۸:۳۶:۱۳
آخرین ارسال: Ghoghnus
  لیست کردن عنوان مطالب سایت در گوگل ahsanjan 3 3,469 ۰۶-مرداد-۱۳۸۸, ۱۴:۰۶:۲۸
آخرین ارسال: far_222000
  **استفاده از بانک اطلاعاتی در کلاینت ساید** arian_vc 4 3,483 ۱۶-فروردین-۱۳۸۷, ۱۶:۴۴:۵۲
آخرین ارسال: mbza11
Rolleyes استفاده از IFrame SayyedAli 1 2,802 ۲۳-آذر-۱۳۸۵, ۱۶:۱۳:۰۷
آخرین ارسال: hessam8008

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

صفحه‌ی تماس | IranVig | بازگشت به بالا | | بایگانی | پیوند سایتی RSS