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

آموزش نمایش موقعیت در نقشه گوگل در سایت با کد
با سلام به دوستان وردپرسی. کدی که در این مطلب به شما معرفی می شود به شما این امکان را می دهد تا بتوانید در یکی از صفحات سایت خود محل خود را به بازدیدکنندگان و کاربران نمایش دهید. این امکان برای دوستانی مناسب است که در بخش پشتیبانی برای فرستادن آدرس دفتر خود زمان کافی ندارند، این افراد میتوانند برای راحتی کار خود پیشنهاد ما را بکار ببرند. با این کار هم بازدید سایت شما زیاد می شود وهم به راحتی محل شما به دوستان نمایش داده می شود.
نحوه ی نمایش محل خود را در سایت با استفاده از کد
در این مرحله نحوه ی استفاده از این کد را به شما آموزش داده می شود. اولین کار باید وارد گوگل مپ شوید. و بعد مکان خود را در گوگل مپ پیدا کنید، روی محل خود کلیک کنید. بعد منویی باز میشود که شامل گزینه هایی است. شما باید روی گزینه ی What’s here کلیک کنید.
روشی برای نمایش محل خود با استفاده از کد
کد گفته شده در ادامه مطلب برای شما گذاشته شده است. همانطور که در قسمت قبل گفته شد باید روی گزینه ی What’s here کلیک کنید. بعد از کلیک مختصات محل خود را به صورت عددی دریافت می کنید و باید آنرا در این کد قرار دهید. مثل روشی که در مثال گفته شده است.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Google 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.exp&sensor=false"></script> <script type="text/javascript"> function initialize() { var myLatlng = new google.maps.LatLng(29.952711, 32.888102); 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;">' + '<h4>Marvdasht , Takhte Jamshid</h4>' + '<h5>Takhte 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> |
امیدوارم از این آموزش نهایت استفاده را برده باشید.
درباره سحر امیرعباسیان
کارشناس مهندسی فناوری اطلاعات ، علاقه ی زیادی به طراحی وب دارم.
نوشته های بیشتر از سحر امیرعباسیان
دیدگاهتان را بنویسید