خط‌مشی‌ها و تخصیص‌ها برای Maps JavaScript API

این سند الزامات برنامه های توسعه یافته با Maps JavaScript API را فهرست می کند. توجه داشته باشید که استفاده از Maps JavaScript API تحت توافق شما با Google است.

سیاست ها

این بخش خط‌مشی‌های مرتبط با Maps JavaScript API را شرح می‌دهد. خط‌مشی‌ها دستورالعمل‌ها و الزامات اجرایی عملی را ارائه می‌کنند تا به شما کمک کنند از سرویس به‌طور صحیح و مطابق با انتظارات پلتفرم Google Maps استفاده کنید.

استثناهایی از محدودیت های حافظه پنهان

توجه داشته باشید که شناسه مکان ، که برای شناسایی منحصربه‌فرد یک مکان استفاده می‌شود، از محدودیت‌های حافظه پنهان مستثنی است. بنابراین می توانید مقادیر مکان شناسه را به طور نامحدود ذخیره کنید. شناسه مکان در پاسخ‌های API در قسمت place_id برگردانده می‌شود. با نحوه ذخیره، بازخوانی و مدیریت شناسه مکان در راهنمای شناسه مکان آشنا شوید.

خراش دادن محتوا

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

کشورها و مناطق منطقه اقتصادی اروپا

این محصول دارای شرایط خدمات متفاوتی برای مشتریان با آدرس صورتحساب در منطقه اقتصادی اروپا (EEA) است و همچنین ممکن است عملکردهای متفاوتی داشته باشد. قبل از ساختن با پلتفرم Google Maps، شرایط و اطلاعات ویژه منطقه اقتصادی اروپا را بررسی کنید:

• شرایط خدمات EEA پلتفرم Google Maps
• شرایط خاص خدمات EEA پلت فرم Google Maps
• سوالات متداول EEA (سوالات متداول)
• الزامات ایمنی جاده پلتفرم نقشه های گوگل

اگر آدرس صورت‌حساب شما در EEA نیست، شرایط خدمات زیر برای شما اعمال می‌شود:

• شرایط خدمات پلتفرم Google Maps
• شرایط خاص سرویس پلت فرم Google Maps

الزامات اسناد Google Maps

این بخش الزامات انتساب و دستورالعمل هایی را برای نمایش Google Maps و محتوا از طریق برنامه های کاربردی شما ارائه می دهد.

نمونه اسناد

در زیر یک مثال انتساب برای Places UI Kit آمده است.

نمایش اعتبار نقشه های گوگل

هنگام نمایش محتوا از APIهای پلتفرم Google Maps در برنامه یا وب‌سایت خود، باید الزامات ارجاع Google Maps را دنبال کنید. اگر محتوا در نقشه Google نشان داده شده است، جایی که انتساب از قبل قابل مشاهده است، نیازی به اضافه کردن اسناد اضافی ندارید.

شامل اسناد Google Maps

برای اسناد Google Maps که قبلاً توسط Google Maps Platform در رابط کاربری ارائه شده است، مانند Places UI Kit:

• انتساب اضافه شده را صرف نظر از جایی که نمایش داده می شود، حذف نکنید. انتساب را تغییر ندهید، پنهان یا مبهم نکنید و مطمئن شوید که به وضوح در پس زمینه قابل مشاهده است.
• همیشه با استفاده از نشانه‌های رابط کاربری مانند حاشیه، رنگ پس‌زمینه، سایه یا فضای خالی کافی، محتوای پلتفرم Google Maps را به‌صورت بصری از سایر محتواها متمایز کنید.
• هنگام ایجاد تغییرات بصری، باید تمام الزامات اسناد Google Maps را رعایت کنید.

نشان‌واره و اسناد متنی Google Maps

در صورت امکان، ذکر منبع باید به شکل نشان‌واره Google Maps باشد. در مواردی که فضا محدود است، متن Google Maps قابل قبول است. همیشه باید برای کاربران نهایی مشخص باشد که کدام محتوا توسط Google Maps ارائه شده است.

انتساب لوگو

لوگوی نقشه های گوگل را دانلود کنید

از فایل‌های لوگوی رسمی Google Maps استفاده کنید. لوگوهای زیر را دانلود کنید و دستورالعمل های این بخش را دنبال کنید.

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

• به هیچ وجه لوگو را تغییر ندهید.
• برای جلوگیری از اعوجاج، نسبت ابعاد لوگو را حفظ کنید.
• از لوگوی مشخص شده در پس زمینه شلوغ، مانند نقشه یا تصویر استفاده کنید.
• از لوگوی بدون طرح روی یک پس‌زمینه ساده، مانند یک رنگ ثابت یا گرادیان ظریف استفاده کنید.

مشخصات سایز لوگو

• حداقل ارتفاع لوگو: 16dp
• حداکثر ارتفاع لوگو: 19dp
• حداقل فضای خالی لوگو: 10dp در سمت چپ، راست و بالا، 5dp در پایین

برای آشنایی با dp، تراکم پیکسلی را در وب سایت طراحی متریال ببینید.

قابلیت دسترسی به لوگو

• کنتراست قابل دسترس بین لوگو و پس زمینه را حفظ کنید.
• یک برچسب دسترسی با متن Google Maps اضافه کنید.

انتساب متن

اگر اندازه رابط کاربری شما از نشان‌واره Google Maps پشتیبانی نمی‌کند، می‌توانید Google Maps را به صورت متنی بنویسید. این دستورالعمل ها را دنبال کنید:

• متن Google Maps را به هیچ وجه تغییر ندهید:
  
  • حروف بزرگ Google Maps را تغییر ندهید
  • نقشه های گوگل را روی چند خط نپیچید
  • Google Maps را به زبان دیگری بومی سازی نکنید.
  • با استفاده از ویژگی HTML translate="no" از ترجمه Google Maps توسط مرورگرها جلوگیری کنید.

• به متن Google Maps همانطور که در جدول زیر توضیح داده شده است، سبک دهید:

  الزامات استایل متن Google Maps
  اموال	سبک
  خانواده فونت	ربات . بارگیری فونت اختیاری است.
  خانواده فونت بازگشتی	هر فونت بدنه sans serif که قبلاً در محصول شما استفاده شده است یا "Sans-Serif" برای فراخوانی فونت پیش‌فرض سیستم
  سبک فونت	عادی
  وزن فونت	400
  رنگ فونت	سفید، سیاه (#1F1F1F) یا خاکستری (#5E5E5E). کنتراست قابل دسترس (4.5:1) را در پس زمینه حفظ کنید.
  اندازه فونت	حداقل اندازه فونت: 12sp حداکثر اندازه فونت: 16 sp برای آشنایی با sp، واحدهای اندازه فونت را در وب سایت طراحی متریال ببینید.
  فاصله حروف	عادی

مثال CSS

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

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}

الزامات بصری

• انتساب را در نزدیکی بالا یا پایین محتوا و در همان ظرف بصری قرار دهید. برای یک خط محتوا، انتساب را می توان در سمت راست یا چپ قرار داد.

• با استفاده از نشانه‌های رابط کاربری مانند حاشیه، رنگ پس‌زمینه، سایه یا فضای خالی کافی، محتوای پلتفرم Google Maps را از سایر محتواها متمایز کنید.

• با نسبت دادن Google Maps به محتوای غیر Google Maps Platform، آن را نادرست معرفی نکنید.
• بررسی کنید که انتساب همیشه قابل مشاهده و خوانا باشد. هرگز آن را حذف، پنهان، مبهم یا تغییر ندهید.

شکل های زیر نمونه هایی از این الزامات بصری را نشان می دهد.

ارائه دهندگان داده شخص ثالث

برخی از داده ها و تصاویر موجود در محصولات نقشه برداری ما از ارائه دهندگانی غیر از Google می آیند. برای برخی از محصولات، مانند Map Tiles API، ممکن است انتساب لازم به ارائه‌دهنده داده شخص ثالث را در اختیار شما قرار دهیم. وقتی این کار را انجام می‌دهیم، متن انتساب شما باید نام «Google Maps» و ارائه‌دهنده(های) داده مربوطه، مانند «داده‌های نقشه: Google، Maxar Technologies» را ذکر کند. وقتی Google انتساب شخص ثالث را ارائه می‌کند، فقط شامل «Google Maps» یا نشان‌واره Google، انتساب مناسبی نیست.

سایر الزامات انتساب

این دستورالعمل‌ها را برای بازیابی اسناد شخص ثالث و نمایش آن‌ها در برنامه خود دنبال کنید.

بازیابی اسناد از یک مکان

اگر برنامه شما اطلاعات بررسی به‌دست‌آمده از تماس با Place.fetchFields را نشان می‌دهد، برنامه باید اسناد شخص ثالث را برای جزئیات مکان به‌دست‌آمده نیز نمایش دهد.

API یک شی Place را برمی گرداند. برای بازیابی انتساب ها از شی Place ، از ویژگی Place.attributions استفاده کنید که با هر درخواست برگردانده می شود (نیازی به تعیین آن با فیلدها نیست). این ویژگی List از اشیاء String را برمی گرداند، یا اگر هیچ انتسابی برای نمایش وجود نداشته باشد، null . کد مثال زیر دریافت یک مکان و فهرست کردن هر گونه اسناد را نشان می دهد.

  // Use place ID to create a new Place instance.
  const place = new Place({
      id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen
  });

  // Call fetchFields, passing the desired data fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // Check for any place attributions.
  if (!place.attributions) {
      console.log('No attributions were found.');
      return;
  } else {
      // Log the place attribution
      for (var attribution of place.attributions) {
          console.log(attribution);
      }
  }

  

نمایش یک بررسی

یک شی Place می‌تواند تا پنج نظر داشته باشد که در آن هر بررسی با یک شی Review نمایش داده می‌شود. می توانید به صورت اختیاری این نظرات را در برنامه خود نمایش دهید.

هنگام نمایش نظرات ارائه شده توسط کاربران Google، باید نام نویسنده را در نزدیکی قرار دهید. وقتی در فیلد انتساب نویسنده شی Review موجود است، توصیه می کنیم عکس نویسنده و پیوند به نمایه او را نیز اضافه کنید. تصویر زیر نمونه ای از بررسی یک پارک را نشان می دهد:

مثال زیر دریافت یک مکان، بررسی نظرات و نمایش داده‌های اولین بررسی را نشان می‌دهد:

  // Use place ID to create a new Place instance.
  const place = new Place({
    id: "ChIJpyiwa4Zw44kRBQSGWKv4wgA", // Faneuil Hall Marketplace, Boston, MA
  });

  // Call fetchFields, passing "reviews" and other needed fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // If there are any reviews display the first one.
  if (!place.reviews) {
      console.log('No reviews were found.');
  } else {
      // Log the review count so we can see how many there are.
      console.log("REVIEW COUNT: " + place.reviews.length);

      // Get info for the first review.
      let reviewRating = place.reviews[0].rating;
      let reviewText = place.reviews[0].text;
      let authorName = place.reviews[0].authorAttribution.displayName;
      let authorUri = place.reviews[0].authorAttribution.uri;

      // Create a bit of HTML to add to the info window
      const contentString =
        '<div id="title"><b>' + place.displayName + '</b></div>' +
        '<div id="address">' + place.formattedAddress + '</div>' +
        '<a href="' + authorUri + '" target="_blank">Author: ' + authorName + '</a>' +
        '<div id="rating">Rating: ' + reviewRating + ' stars</div>' +
        '<div id="rating""><p>Review: ' + reviewText + '</p></div>';

      // Create an info window.
      infoWindow = new InfoWindow({
          content: contentString,
          ariaLabel: place.displayName,
      });

      // Add a marker for the place.
      const marker = new AdvancedMarkerElement({
          map,
          position: place.location,
          title: place.displayName,
      });

      // Show the info window.
      infoWindow.open({
          anchor: marker,
          map,
      });
  }
  

برای بررسی مکان به مستندات مراجعه کنید.

نمایش مشخصات یک عکس

اگر برنامه شما عکس‌هایی را نمایش می‌دهد، باید برای هر عکسی که دارای آن‌ها است، اسناد نویسنده را نشان دهید. جزئیات مربوط به عکس در یک شی Place پاسخ در آرایه photos موجود است. برای افزودن آرایه photos به پاسخ، فیلد داده photos را در درخواست اضافه کنید.

هر عنصر از آرایه عکس ها نمونه ای از Photo است که حاوی آرایه authorAttributions از نوع AuthorAttribution است. فیلدهای شیء AuthorAttribution رشته‌هایی هستند که حاوی displayName ، uri و photoUri مربوط به انتساب هستند، یا یک رشته خالی در صورتی که هیچ خصیصه‌ای برای نمایش وجود نداشته باشد.

برای عکس های مکان به مستندات مراجعه کنید.

اسناد نتایج جستجو

در اروپا، هنگام استفاده از رتبه‌بندی بدون تحریف گوگل، محصولات جستجو باید دارای متن توضیحی با فاصله کمتر از یک کلیک باشند که فاکتورهای اصلی و وزن عوامل اصلی تعیین‌کننده رتبه‌بندی نتایج جستجو را توصیف کند. متن توضیح دهنده:

سربرگ: درباره این نتایج

بدنه: وقتی مشاغل یا مکان‌های نزدیک به یک مکان را جستجو می‌کنید، Google Maps نتایج محلی را به شما نشان می‌دهد. چندین عامل - در درجه اول ارتباط، فاصله و برجستگی - برای کمک به یافتن بهترین نتایج برای جستجوی شما ترکیب شده اند.

دکمه 1: بیشتر بدانید
متن "بیشتر بیاموزید" باید به مقاله مرکز راهنمایی پیوند داده شود.

دکمه 2: خوب

تکمیل خودکار آدرس‌های کاربر نهایی

وقتی کاربر نهایی از قابلیت تکمیل خودکار در برنامه مشتری شما برای تایپ آدرس خیابان استفاده می‌کند و آن آدرس خیابان بدون تکمیل خودکار توسط آن کاربر نهایی به طور کامل و دقیق ارائه می‌شد، آدرس انتخابی کاربر نهایی مشمول محدودیت‌های محتوای Google Maps در توافقنامه پلتفرم Google Maps شما نمی‌شود. این استثنا فقط برای آدرس خیابان انتخاب شده توسط کاربر نهایی و صرفاً برای تراکنش خاص آن کاربر نهایی اعمال می شود. برای فهرست آدرس‌های پیشنهادی ارائه‌شده توسط عملکرد تکمیل خودکار یا سایر محتوای Google Maps اعمال نمی‌شود. این استثنا برای هیچ POI یا قابلیت جستجوی آدرس ارائه شده توسط سایر سرویس‌های پلتفرم Google Maps اعمال نمی‌شود.

در تصویر قبلی، لیست آدرس در سمت چپ همچنان مشمول محدودیت در محتوای Google Maps است. هنگامی که کاربر نهایی آدرس انتخابی خود را انتخاب کرد، آن آدرس مشمول محدودیت‌های محتوای Google Maps صرفاً به منظور تراکنش قابل اعمال آن کاربر نهایی نخواهد بود.