آموزش نمایش نقشه گوگل در سایت

نقشه گوگل یکی از امکانات پرطرفدار گوگل می باشد که کاربران بسیار زیادی از آن استفاده می کنند . وبمستران نیز دور از این کاربران نیستند و از آن به بهترین نحو استفاده می کنند . برخی از وبمستران اقدام به نمایش نقشه های گوگل در سایت خود می باشند که توسط آن محل کار ، همایش و … را به طور دقیق به کاربران خود نمایش دهند . برای نمایش نقشه های گوگل در سایت های وردپرس افزونه وجود دارد اما ما استفاده از کد را به شما پیشنهاد می دهیم ؛ زیرا افزونه ها فشار بسیار زیادی به سرور سایت شما خواهند آورد و منابع زیادی مصرف می کنند . در این مطلب قصد داریم آموزش استفاده از نقشه گوگل در سایت وردپرس و غیر وردپرس خود ( حتی سایت های استاتیک ! ) را ارائه کنیم . در ادامه با ما و آموزش نمایش نقشه گوگل با استفاده از کد همراه باشید .

آموزش نمایش نقشه گوگل در سایت

آموزش استفاده از نقشه گوگل در سایت

برای اینکار ابتدا وارد نام کاربری خود در گوگل مپ ( Google map ) شوید . در صورتی که در سرویس دهنده های گوگل ثبت نام نکرده اید ، می توانید ثبت نام کنید . سپس مکان مورد نظر خود را پیدا کرده و بر روی آن کلیک راست نمایید تا گزینه های آن ظاهر شود . با استفاده از گزینه ی What’s here می توانید مختصات مکان مورد نظر خود را بیابید که با رنگ آبی و به صورت عددی نمایش داده می شود . مختصات بدست آمده را در بخشی ذخیره کنید و در ادامه به کاربرد آن خواهیم پرداخت .

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

 !DOCTYPE HTML html lang="en" head     meta charset="UTF-8" /     titleGoogle Maps/title     style type="text/css"       #map-canvas{         width: 700px;         height: 500px;         margin: 0 auto;       }     /style     script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.expsensor=false"/script     script type="text/javascript"        function initialize() {          var myLatlng = new google.maps.LatLng(29.935711, 52.887702);          var mapOptions = {            zoom: 15,            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;"' +                                      'h4Marvdasht , Takhte Jamshid/h4' +                                       'h5Takhte Jamshid/h5' +                                       '/div';                     var infowindow = new google.maps.InfoWindow({            content: contentString          });                     var marker = new google.maps.Marker({            position: myLatlng,            map: map,            title: 'Takhte Jamshid'          });                     infowindow.open(map, marker);          google.maps.event.addListener(marker, 'click', function() {            infowindow.open(map, marker);          });        }     /script /head body onload="initialize()"     div id="map-canvas"/div /body /html 

اکنون مختصاتی که در مرحله قبل بدست آوردید را جایگزین مختصات ۲۹.۹۳۵۷۱۱, ۵۲.۸۸۷۷۰۲ موجود در کد های بالا نمایید . برای یافتن مختصات در بین کد ها می توانید با استفاده از کلید های ctrl+F یا F3 استفاده کنید . همچنین به جای کلمه ی Doctor wordpress نام یا آدرس محل مورد نظر خود را وارد نمایید . اکنون نقشه ی گوگل در هر بخشی که این کد را قرار داده اید ، قابل مشاهده است .

<!–

–>

<!–



!
–>

لطفا چند ثانیه زمان بگذارید !


اگر این مطلب مورد استفاده شما بود لطفا امتیاز خودتان را از ۵ به ما بدید . با تشکر فراوان

1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته

Loading…

You Might Also Like

39 Replies to “آموزش نمایش نقشه گوگل در سایت”

  1. بازتاب: viagra tablets
  2. بازتاب: generic viagra 100mg
  3. بازتاب: sildenafil
  4. It is the best time to make some plans for the future and it’s time
    to be happy. I have read this post and if I could I desire to suggest you few interesting things or advice.

    Maybe you can write next articles referring to this article.

    I desire to read more things about it!

  5. بازتاب: cheap viagra
  6. بازتاب: viagra for sale
  7. بازتاب: buy generic cialis
  8. بازتاب: generic viagra
  9. بازتاب: generic cialis
  10. Hi there, i read your blog occasionally and i own a similar one and i was just
    curious if you get a lot of spam responses? If so how do you reduce it, any plugin or anything you can recommend?
    I get so much lately it’s driving me mad so any assistance is very much appreciated.

  11. Its like you read my thoughts! You appear to grasp so
    much about this, such as you wrote the book in it
    or something. I think that you just could do with some % to power the message home a bit,
    but other than that, that is magnificent blog.
    A great read. I’ll definitely be back.

  12. It is the best time to make some plans for the future
    and it is time to be happy. I’ve read this post and if I could I desire to suggest you some interesting things or
    tips. Perhaps you can write next articles referring to this article.

    I want to read more things about it!

  13. It is perfect time to make some plans for the future and it is time to be happy.
    I’ve read this post and if I could I want to suggest you some interesting things or tips.
    Maybe you can write next articles referring to this article.
    I desire to read more things about it!

  14. It’s perfect time to make some plans for the future and it is time to
    be happy. I’ve read this post and if I could I desire to suggest you some interesting things or advice.
    Maybe you could write next articles referring to this article.
    I wish to read more things about it!

  15. Hey would you mind sharing which blog platform you’re using?
    I’m going to start my own blog soon but I’m having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems different then most blogs and I’m
    looking for something unique. P.S My apologies for getting off-topic but I had to ask!

  16. Hello there, just became aware of your blog through Google, and found that it’s really informative.
    I’m gonna watch out for brussels. I’ll be
    grateful if you continue this in future. Numerous people will be benefited from your writing.
    Cheers!

  17. بازتاب: sildenafil citrate
  18. بازتاب: viagra coupons
  19. بازتاب: cialis generic
  20. بازتاب: viagra prices
  21. بازتاب: cialis cost
  22. بازتاب: viagra generic

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد.