/ ایجاد Google Maps در طراحی سایت
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 4 از 4

موضوع: ایجاد Google Maps در طراحی سایت

  1. #1
    elham1388 آنلاین نیست.
    elham1388
    کاربر سايت
    44نوشته8مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    6930
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    19
    http://www.npco.net/

    ایجاد Google Maps در طراحی سایت

    چگونه می توان نقشه تعاملی با استفاده از API Google Maps را در طراحی وب سایت خود ایجاد نماییم! وجود نقشه در برخی سایت ها، فاکتور ضروری تلقی می شود و موجب جلب نظر کاربران سایت می شود که در نتیجه امر سئو سایت را تحت تاثیر خود قرا خواهد داد پیش از شروع، شما نیازمند کلید خاص API از گوگل می باشید. API واسط برنامه کاربری است و به منظور تعامل بین کامپوننت های یک نرم افزار استفاده می شوند و می تواند توصیفی از روش انجام یک وظیفه باشد. با ورود به لینک https://code.google.com/apis/console/ و ورود به حساب گوگل خود می توانید در لیست خدمات Google Maps API v3 را بیابید و به صورت رایگان کلید API را تهیه نمایید.حال شما آماده هستید که یک نقشه گوگل ساده را در طراحی سایت خود ایجاد و درج نمایید.کد زیر مثالی از نقشه شهر لندن می باشد.




    <!DOCTYPE html>
    <html>
    <head>
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sen sor=false">
    </script>


    <script>
    function initialize()
    {
    var mapProp = {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
    mapTypeId:google.maps.MapTypeId.ROADMAP
    };
    var map=new google.maps.Map(document.getElementById("googleMap ")
    ,mapProp);
    }


    google.maps.event.addDomListener(window, 'load', initialize);
    </script>
    </head>


    <body>
    <div id="googleMap" style="width:500px;height:380px;"></div>


    </body>
    </html>




    اولین تگ <script>مثال بالا، دربردارنده کلید Google Maps API می باشد. شما می بایست کلید Google Maps API خود را درج نمایید.
    متغییر sensor نشان دهنده این مهم است که برنامه کاربری از سنسور( مانند GPS) استفاده می کند یا خیر.
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE"></script>


    در مثال زیر پس از بارگذاری کامل صفحه سایت گوگل مپ بارگذاری می شود:




    function loadScript()
    {
    var script = document.createElement("script");
    script.src = "http://maps.googleapis.com/maps/api/js? key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor =false&callback=initialize"; document.body.appendChild(script);
    }


    window.on-load = loadScript;


    حال می خواهیم به بررسی متغییرهای موجود در کد بپردازیم. قطعه کد یزر را در نظر بگیرید.




    var mapProp = {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };


    متغییر center تعیین کننده این مورد است که کدام نقطه را مرکز قرار دهیم. متغییر Zoom درجه بزرگنماییی نقشه را مشخص می نماید. MapTypeId نوع نمایش مپ را تعیین می نماید. حال می بایست محل درج کد نقشه را در طراحی سایت خود مشخص نماییم.قطعه کد زیر بیان گر این مطلب است.




    <div id="googleMap" style="width:500px;height:380px;"></div>





    منبع:ایجاد Google Maps در طراحی سایت

  2. نوين وردپرس تبلیغات شما

  3. #2
    live آنلاین نیست.
    live
    کاربر سايت
    190نوشته28مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    6912
    پسندیده است
    155 پست
    بلاگ
    پست
    میزان امتیاز
    38
    www.forum.gamesazan.ir
    کار نمیکنه نمیدونم حالا شاید بخاطر تحریم

  4. #3
    B.A.B.A.K آنلاین نیست.
    B.A.B.A.K
    کاربر اخراجي
    216نوشته205مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7207
    پسندیده است
    1,821 پست
    بلاگ
    پست
    میزان امتیاز
    216
    wikivb.ir
    نقل قول نوشته اصلی توسط live نمایش پست ها
    کار نمیکنه نمیدونم حالا شاید بخاطر تحریم
    درود ، دوست گرامی کجاش کار نمیکنه ؟

    + میخواید در انجمن این کار رو انجام بدید ؟ مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #4
    live آنلاین نیست.
    live
    کاربر سايت
    190نوشته28مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    6912
    پسندیده است
    155 پست
    بلاگ
    پست
    میزان امتیاز
    38
    www.forum.gamesazan.ir
    گوگل api نمیده دوست عزیز اگر با فیلتر شکن اینکارو بکنم فکر نکنم تاثیر داشته باشه

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. آموزش ثبت سایت مپ در گوگل وبمستر | Google Webmaster
    توسط Mr.Shadow در انجمن آموزش های ویبولتین
    پاسخ: 11
    آخرين نوشته: 02-05-2016, 03:50 PM
  2. مشکل با اسپایدر های Google
    توسط 30r.L!nuX در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 3
    آخرين نوشته: 03-13-2014, 12:10 AM
  3. آموزش ثبت سایت در گوگل وبمستر (عکس) | Google Webmaster
    توسط Mr.Shadow در انجمن دیگر آموزش ها
    پاسخ: 6
    آخرين نوشته: 02-07-2014, 07:43 PM
  4. پاسخ: 0
    آخرين نوشته: 01-13-2014, 03:44 PM
  5. دانلود نرم افزار Google Maps Downloader 6.64
    توسط S0h3!L در انجمن دانلود ها
    پاسخ: 0
    آخرين نوشته: 08-25-2013, 03:40 AM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی