هایپر سورس

مرجع کاربردی برنامه نویسان ایـــرانی

نمایش نقشه گوگل با جی کوئری و جاوا اسکریپت + پروژه

نمایش نقشه گوگل یک محل به کمک جی کوئری مانند تصویر زیر

نقشه گوگل,نمایش نقشه گوگل,نمایش نقشه گوگل در سایت,نقشه گوگل برای سایت,google map,گوگل,کد نمایش نقشه گوگل در سایت,سورس نقشه گوگل برای سایت,دانلود سورس نمایش نقشه گوگل در سایت

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

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
همچنین ما برای نمایش نقشه در یک باکس نمایشی از Jquery-Ui هم استفاده خواهیم کرد

سپس توسط توابعی که برای نمایش نقشه توسط موقعیت جغرافیایی در این کتابخانه (که در بالا به پروژه اضافه کرده ایم ) ، نقشه محل را نمایش می دهیم

نمای کلی :

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
       <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
       <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css"
             rel="stylesheet" type="text/css" />
       <script type="text/javascript">
           $(function () {
               $("#ShowMap").click(function () {
                   $("#dialog").dialog({
                       modal: true,
                       title: "www.HyperSourCe.ir",
                       width: 600,
                       hright: 450,
                       buttons: {
                           Close: function () {
                               $(this).dialog('close');
                           }
                       },
                       open: function () {
                           var mapOptions = {
                               center: new google.maps.LatLng(38.08,46.2919444),
                               zoom: 15,
                               mapTypeId: google.maps.MapTypeId.ROADMAP
                           }
                           var map = new google.maps.Map($("#HsMapDiv")[0], mapOptions);
                       }
                   });
               });
           });
       </script>
       <div style="width:1024px;height:600px;">
       <input id="ShowMap" type="button" value="نمایش نقشه " />
       <div id="dialog" style="display: none">
           <div id="HsMapDiv" style="height: 380px; width: 580px;">
           </div>
       </div>
       </div>
 
برای مشاهده نمونه اینجا کلیک کنید

نکته :  برای بدست اوردن مختصات یک شهر میتوانید دز گوگل جستجو کنید برای مثال برای بدست  اوردن مختصات شهر تبریز من از ادرس زیر استفاده کردم
http://www.maplandia.com/iran/east-azarbayejan/tabriz/


فایل پروژه فعلا در دسترس نیست و بزودی در سایت بارگذاری میشود برای نمایش کد های این پروژه اینجا کلیک کنید و نمونه رو ذخیره و با نوت پد اجرا کنید




risperdal avis warpedfish.co.uk risperdal avis

توجه :

بنا به درخواست کاربران عزیز وبسایت، گروه برنامه نویسی و طراحی راه اندازی کردیم که امیدواریم جایی برای به اشتراک گذاشتن دانسته ها،تجارب برنامه نویسی و طراحی کاربران باشد.
جهت عضویت اینجا در گروه اینجا کلیک کنید .


نام محصول : نمایش نقشه گوگل با جی کوئری و جاوا اسکریپت + پروژه خرید
قیمت : 0 تومان بعد از پرداخت به صفحه دانلود هدایت خواهید شد
اگر میخواهید لینک دانلود را در ایمیل خود نیز داشته باشید ، ادرس ایمیلتان را هم وارد نمائید

    
در صورتی که سوالی راجع به این آموزش دارید در بخش نظرات همین پست مطرح و از ارسال ان از بخش ارتباط با ما خود داری نمائید
در صورتی که تمایل دارید بعد از درج اخرین پست در این زمینه از طریق پیامک اگاه شوید ، شماره خود را در باکس زیر بنویسید
نام شما (فارسی)
شماره موبایل
موضوع ها
در صورت امکان برای ثبت شماره خود ، از خطوط ایرانسل استفاده نمائید ، در صورتی که در خطوط همراه اول پیامک های مارا دریافت نمیکنید ، دلیل ان میتواند تلقی شدن پیامک های اگاه سازی ما از نوع تبلیغاتی توسط اپراتور شما و عدم ارسال ان در به شما باشد (این امر مواقعی اتفاق میافتد که دریافت پیام های تبلیغاتی از طرف شما یا اپراتور بلاک شده باشد)
نویسنده : ParSa رتبه کاربر : تعداد پست های کاربر : 143 این کاربر تا به حالا توسط 0 کاربر مورد تقدیر و تشکر واقع شده پیام نویسنده :


عادل پارسا هستم کارشناس مهندسی نرم افزار
کار برنامه نویسی رو از سال 86 با زبان C شروع کردم و الان بیشتر از 6 ساله که بصورت حرفه ای در زمینه طراحی وب ، برنامه نویسی ویندوز ، وب ، ربات های وبگرد و ... فعالیت دارم

فعالیت و مهارت ها :

Asp.Net MVC C# / C/C++ Android Programming (Java)
Css3 & Html5 Js & Jquery Advanced Ajax Bootstrap & ResponsiVe Design
Reporting Tools SEO Sql Server SQLite



هم اکنون نـــظر بدهید
نظر دهید
توجه : برای مدتی درگیر مسائلی هستم، لذا ممکن است پاسخ دهی به
نظرات و سوالات شما با تاخیر همراه باشد
در صورت نیاز میتوانید سوالات خود را در گروه
تلگرامی سایت مطرح کنید( برای ورود به گروه روی این لینک کلیک کنید)
با تشکر از شکیبایی و حمایت شما :)
   
  
 
 
   


ارتباط با ما

double click for close / دوبار کلیک برای بستن پنجره