جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • مقالات و آموزش ها
  • فروشگاه
  • درباره ما
  • پرسش و پاسخ
  • دانلود وردپرس
  • ارتباط با ما

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
  • phone 04133252264
  • email info@wpnegar.com
perm_identity
سبد خرید 0
  • قوانین و مقررات
  • ثبت تیکت
0
وردپرس نگار (وی‌پی نگار) - WP Negar
  • صفحه اصلی
  • مقالات و آموزش ها
  • فروشگاه
  • درباره ما
  • پرسش و پاسخ
  • دانلود وردپرس
  • ارتباط با ما
perm_identity ورود و ثبت نام

وبلاگ

وردپرس نگار (وی‌پی نگار) - WP Negar > مقالات و آموزش ها > آموزش وردپرس > نمایش موقعیت در نقشه گوگل در سایت با استفاده از کد

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

access_time3 ژوئن 2017
perm_identity ارسال شده توسط سحر امیرعباسیان
folder_open آموزش وردپرس, کد وردپرس
visibility 367 بازدید
نمایش موقعیت در نقشه گوگل در سایت با کد

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

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

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

در این مرحله نحوه ی استفاده از این کد را به شما آموزش داده می شود. اولین کار باید وارد گوگل مپ شوید. و بعد مکان خود را در گوگل مپ پیدا کنید، روی محل خود کلیک کنید. بعد منویی باز میشود که شامل گزینه هایی است. شما باید روی گزینه ی 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>

امیدوارم  از این آموزش نهایت استفاده را برده باشید.

برچسب ها: چگونه با استفاده از کد محل خود را در سایت نشان دهیمچگونه محل خود را در سایت با استفاده از کد نشان دهیمراهی که با استفاده از کد محل خود در سایت نشان داده شود
درباره سحر امیرعباسیان

کارشناس مهندسی فناوری اطلاعات ، علاقه ی زیادی به طراحی وب دارم.

نوشته های بیشتر از سحر امیرعباسیان
مطالب زیر را حتما بخوانید
  • فیلد تصاویر
    افزودن فیلد تصاویر به دسته‌ های وردپرس

    555 بازدید

  • Avoid CSS expressions
    خطای Avoid CSS expressions در gtmetrix

    370 بازدید

  • جی تی متریکس
    جی تی متریکس (GTmetrix) چیست؟

    506 بازدید

  • غیرفعال کردن حساسیت رمز عبور
    غیرفعال کردن حساسیت رمز عبور ووکامرس زمان خرید و ثبت نام

    527 بازدید

  • افزونه Comment Link Remove
    افزونه و کد حذف فیلد آدرس از بخش نظرات وردپرس

    455 بازدید

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

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
محصولات
  • قالب استارتاپی و دیجیتال مارکتینگ هوپر | Hoper ۷۰,۰۰۰ تومان ۴۰,۰۰۰ تومان
  • افزونه نظرات حرفه ای وردپرس افزونه نظرات حرفه ای وردپرس Commentator ۱۹,۰۰۰ تومان ۱۰,۰۰۰ تومان

تخفیف 50 درصدی وی پی نگار

سیستم پرسش و پاسخ
سیستم پرسش و پاسخ وی‌پی نگار
  • محبوب
  • جدید
  • دیدگاه ها
قبلی بعدی
کانال تلگرام وی‌پی نگار
کانال تلگرام وی‌پی نگار
برجسته ترین ها
  • اضافه کردن فیلد دلخواه جدید به فرم خرید افزونه edd 3 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش تعریف و اضافه کردن فهرست به پوسته وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • انتقال ابزارک بین سایت های وردپرسی 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • حل مشکل درخواست اطلاعات ftp در وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نحوه ی تغییر سریع نام نقش های کاربری در وردپرس با بکار بردن کد 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • کد قرار دادن عکس در پس زمینه قالب وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نمایش موقعیت در نقشه گوگل در سایت با استفاده از کد 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نحوه ی قرار دادن QR code در سایت وردپرسی 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش ذخیره خودکار تصاویر هنگام انتشار مطلب با Cache images 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش مدیریت دسته بندی محصولات در ووکامرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
سیستم پرسش و پاسخ


سیستم پرسش و پاسخ وی‌پی نگار

کانال تلگرام وی‌پی نگار


کانال تلگرام وی‌پی نگار

درباره ما

وی پی نگار مرجع وردپرس فارسی،ارائه دهنده قالب وردپرس فارسی و اختصاصی با سئو و سرعت لود بسیار بالا، معرفی و آموزش افزونه وردپرس و پلاگین های کاربردی می باشد.

logo-samandehi

منابع رسمی وردپرس
  • سایت رسمی وردپرس جهانی
  • مخزن افزونه ها وردپرس
  • مخزن قالب های وردپرس
  • مخزن کد های وردپرس
پل های ارتباطی
  • location_on
    تبریز - فلکه دانشگاه - ساختمان تبریز - طبقه ۶ - واحد ۲۰
  • phone_android
    04133252264
  • perm_phone_msg
    04133253162
  • email
    info@wpnegar.com
تمامی حقوق برای سایت وی پی نگار محفوظ می باشد.
keyboard_arrow_up