এই বিষয়টি মানচিত্র জাভাস্ক্রিপ্ট API-এর সাথে তৈরি সমস্ত অ্যাপ্লিকেশনের জন্য অ্যাট্রিবিউশন প্রয়োজনীয়তা প্রদান করে, সেই API-এর অংশ স্বয়ংসম্পূর্ণ পরিষেবা সহ। আরও Google মানচিত্র প্ল্যাটফর্মের শর্তাবলীর জন্য, Google মানচিত্র প্ল্যাটফর্মের পরিষেবার শর্তাবলী দেখুন৷
ব্যবহারের শর্তাবলী এবং গোপনীয়তা নীতি প্রদান
আপনি যদি একটি Maps JavaScript API অ্যাপ্লিকেশন বিকাশ করেন, তাহলে আপনাকে অবশ্যই আপনার অ্যাপ্লিকেশনের সাথে ব্যবহারের শর্তাবলী এবং একটি গোপনীয়তা নীতি উপলব্ধ করতে হবে যা Google-এর সাথে আপনার চুক্তিতে বর্ণিত নির্দেশিকা পূরণ করে:
- ব্যবহারের শর্তাবলী এবং গোপনীয়তা নীতি অবশ্যই সর্বজনীনভাবে উপলব্ধ হতে হবে।
- আপনার অ্যাপ্লিকেশনের ব্যবহারের শর্তাবলীতে আপনাকে অবশ্যই স্পষ্টভাবে বলতে হবে যে আপনার অ্যাপ্লিকেশনটি ব্যবহার করে, ব্যবহারকারীরা Google-এর পরিষেবার শর্তাবলী দ্বারা আবদ্ধ৷
- আপনাকে অবশ্যই আপনার গোপনীয়তা নীতিতে ব্যবহারকারীদের অবহিত করতে হবে যে আপনি Google মানচিত্র API(গুলি) ব্যবহার করছেন এবং Google গোপনীয়তা নীতির রেফারেন্স দ্বারা অন্তর্ভুক্ত করছেন।
আপনার ব্যবহারের শর্তাবলী এবং গোপনীয়তা নীতি উপলব্ধ করার প্রস্তাবিত স্থানটি আপনার অ্যাপ্লিকেশনের প্ল্যাটফর্মের উপর নির্ভর করে।
মোবাইল অ্যাপ্লিকেশন
যদি একটি মোবাইল অ্যাপ ডেভেলপ করা হয় তাহলে এটি সুপারিশ করা হয় যে আপনি প্রাসঙ্গিক অ্যাপ্লিকেশন স্টোরে এবং একটি অ্যাপ্লিকেশন সেটিংস মেনুতে আপনার অ্যাপ্লিকেশনের ডাউনলোড পৃষ্ঠায় ব্যবহারের শর্তাবলী এবং গোপনীয়তা নীতির একটি লিঙ্ক প্রদান করুন৷
ওয়েব অ্যাপ্লিকেশন
যদি একটি ওয়েব অ্যাপ্লিকেশন বিকাশ করা হয় তবে এটি সুপারিশ করা হয় যে আপনি আপনার ওয়েবসাইটের ফুটারে ব্যবহারের শর্তাবলী এবং গোপনীয়তা নীতির একটি লিঙ্ক প্রদান করুন৷
সামগ্রীর প্রাক-আনয়ন, ক্যাশিং বা স্টোরেজ
মানচিত্র জাভাস্ক্রিপ্ট API ব্যবহার করে অ্যাপ্লিকেশনগুলি Google এর সাথে আপনার চুক্তির শর্তাবলী দ্বারা আবদ্ধ। আপনার চুক্তির শর্তাবলী সাপেক্ষে, শর্তাবলীতে উল্লিখিত সীমিত শর্ত ব্যতীত আপনাকে অবশ্যই কোনো বিষয়বস্তু প্রাক-আনয়ন, সূচী, সঞ্চয় বা ক্যাশে করতে হবে না।
মনে রাখবেন যে স্থান আইডি , একটি স্থানকে অনন্যভাবে সনাক্ত করতে ব্যবহৃত হয়, ক্যাশিং বিধিনিষেধ থেকে মুক্ত । মানচিত্র জাভাস্ক্রিপ্ট API প্রতিক্রিয়াগুলিতে স্থান আইডিটি `place_id` ফিল্ডে ফেরত দেওয়া হয়। প্লেস আইডি গাইডে কীভাবে স্থান আইডি সংরক্ষণ, রিফ্রেশ এবং পরিচালনা করবেন তা শিখুন।
মানচিত্র জাভাস্ক্রিপ্ট API ফলাফল প্রদর্শন করা হচ্ছে
আপনি ম্যাপ জাভাস্ক্রিপ্ট API ফলাফলগুলি একটি Google মানচিত্রে, বা একটি মানচিত্র ছাড়াই প্রদর্শন করতে পারেন৷ আপনি যদি একটি মানচিত্রে মানচিত্র জাভাস্ক্রিপ্ট API ফলাফল প্রদর্শন করতে চান, তাহলে এই ফলাফলগুলি অবশ্যই একটি Google মানচিত্রে প্রদর্শিত হবে৷ ম্যাপ জাভাস্ক্রিপ্ট API ডেটা এমন একটি মানচিত্রে ব্যবহার করা নিষিদ্ধ যা Google মানচিত্র নয়৷
Google লোগো এবং গুণাবলী প্রদর্শন করা হচ্ছে
যদি আপনার অ্যাপ্লিকেশন একটি Google মানচিত্রে ডেটা প্রদর্শন করে, তাহলে Google লোগোটি অন্তর্ভুক্ত করা হবে এবং পরিবর্তন করা যাবে না। Google ম্যাপের মতো একই স্ক্রিনে Google ডেটা প্রদর্শন করে এমন অ্যাপ্লিকেশনগুলিকে Google-কে আরও অ্যাট্রিবিউশন দেওয়ার প্রয়োজন নেই৷
যদি আপনার অ্যাপ্লিকেশন এমন একটি পৃষ্ঠা বা ভিউতে ডেটা প্রদর্শন করে যা Google ম্যাপও প্রদর্শন করে না, তাহলে আপনাকে অবশ্যই সেই ডেটার সাথে একটি Google লোগো দেখাতে হবে। উদাহরণস্বরূপ, যদি আপনার অ্যাপ্লিকেশনটি একটি ট্যাবে Google ডেটা এবং অন্য ট্যাবে সেই ডেটা সহ একটি Google ম্যাপ প্রদর্শন করে, প্রথম ট্যাবে অবশ্যই Google লোগো দেখাতে হবে৷ যদি আপনার অ্যাপ্লিকেশন স্বয়ংসম্পূর্ণ সহ বা ছাড়া অনুসন্ধান ক্ষেত্র ব্যবহার করে, লোগোটি অবশ্যই ইনলাইনে প্রদর্শিত হবে।
Google লোগোটি মানচিত্রের নীচের বাম কোণে স্থাপন করা উচিত, নীচের ডানদিকের কোণায় অ্যাট্রিবিউশন তথ্য স্থাপন করা উচিত, উভয়ই মানচিত্রের সম্পূর্ণরূপে উপস্থাপিত হওয়া উচিত এবং মানচিত্রের নীচে বা অ্যাপ্লিকেশনের মধ্যে অন্য কোনও স্থানে নয় . নিম্নলিখিত মানচিত্রের উদাহরণটি মানচিত্রের নীচের বাম দিকে Google লোগো এবং নীচের ডানদিকে অ্যাট্রিবিউশন দেখায়৷
| হালকা ব্যাকগ্রাউন্ডে ব্যবহারের জন্য | একটি অন্ধকার পটভূমিতে ব্যবহারের জন্য |
|---|---|
 |  |
নিম্নলিখিত জিপ ফাইলটিতে ডেস্কটপ, অ্যান্ড্রয়েড এবং iOS অ্যাপ্লিকেশনের জন্য সঠিক মাপের Google লোগো রয়েছে৷ আপনি কোনোভাবেই এই লোগোগুলির আকার পরিবর্তন বা পরিবর্তন করতে পারবেন না।
ডাউনলোড করুন: google_logo.zip
অ্যাট্রিবিউশন পরিবর্তন করবেন না। অ্যাট্রিবিউশন তথ্য অপসারণ, অস্পষ্ট বা ক্রপ আউট করবেন না। আপনি ইনলাইনে Google লোগো ব্যবহার করতে পারবেন না (উদাহরণস্বরূপ, "এই মানচিত্রগুলি [Google_logo] থেকে এসেছে")।
অ্যাট্রিবিউশন বন্ধ রাখুন. যদি সরাসরি এম্বেডের বাইরে Google চিত্রের স্ক্রিনশট ব্যবহার করেন, তাহলে ছবিতে প্রদর্শিত স্ট্যান্ডার্ড অ্যাট্রিবিউশন অন্তর্ভুক্ত করুন। প্রয়োজনে, আপনি অ্যাট্রিবিউশন টেক্সটের স্টাইল এবং বসানো কাস্টমাইজ করতে পারেন, যতক্ষণ না টেক্সটটি বিষয়বস্তুর কাছাকাছি থাকে এবং গড় দর্শক বা পাঠকের কাছে সুস্পষ্ট হয়। আপনি বিষয়বস্তু থেকে অ্যাট্রিবিউশনকে দূরে সরাতে পারবেন না, যেমন আপনার বইয়ের শেষে, আপনার ফাইলের ক্রেডিট বা শো, বা আপনার ওয়েবসাইটের ফুটার।
তৃতীয় পক্ষের ডেটা প্রদানকারীদের অন্তর্ভুক্ত করুন। আমাদের ম্যাপিং পণ্যের কিছু ডেটা এবং চিত্র Google ছাড়া অন্য প্রদানকারীদের থেকে আসে। এই ধরনের চিত্র ব্যবহার করলে, আপনার অ্যাট্রিবিউশনের টেক্সটে অবশ্যই "Google" নাম এবং প্রাসঙ্গিক ডেটা প্রদানকারী(গুলি), যেমন "মানচিত্র ডেটা: Google, Maxar Technologies" বলতে হবে। যখন তৃতীয় পক্ষের ডেটা প্রদানকারীকে চিত্রের সাথে উদ্ধৃত করা হয়, শুধুমাত্র "Google" বা Google লোগো সহ সঠিক বৈশিষ্ট্য নয়।
আপনি যদি এমন একটি ডিভাইসে Google মানচিত্র প্ল্যাটফর্ম ব্যবহার করেন যেখানে অ্যাট্রিবিউশন ডিসপ্লে ব্যবহারিক নয়, তাহলে অনুগ্রহ করে আপনার ব্যবহারের ক্ষেত্রে উপযুক্ত লাইসেন্সগুলি নিয়ে আলোচনা করতে Google বিক্রয় দলের সাথে যোগাযোগ করুন ৷
অন্যান্য অ্যাট্রিবিউশন প্রয়োজনীয়তা
তৃতীয় পক্ষের অ্যাট্রিবিউশনগুলি পুনরুদ্ধার করতে এবং আপনার অ্যাপে অ্যাট্রিবিউশনগুলি প্রদর্শন করতে এই নির্দেশাবলী অনুসরণ করুন৷
একটি স্থান থেকে বৈশিষ্ট্য পুনরুদ্ধার করুন
আপনার অ্যাপ যদি Place.fetchFields কল করে প্রাপ্ত পর্যালোচনার তথ্য প্রদর্শন করে, তাহলে অ্যাপটিকে অবশ্যই প্রাপ্ত স্থানের বিশদ বিবরণের জন্য তৃতীয় পক্ষের গুণাবলী প্রদর্শন করতে হবে।
API একটি Place বস্তু প্রদান করে। Place অবজেক্ট থেকে অ্যাট্রিবিউশন পুনরুদ্ধার করতে, Place.attributions বৈশিষ্ট্য ব্যবহার করুন, যা প্রতিটি অনুরোধের সাথে ফেরত দেওয়া হয় (ক্ষেত্রগুলির সাথে এটি নির্দিষ্ট করার প্রয়োজন নেই)। প্রপার্টি String অবজেক্টের একটি List প্রদান করে, অথবা প্রদর্শনের জন্য কোনো অ্যাট্রিবিউশন না থাকলে 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: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen, 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 অ্যাট্রিবিউশনের জন্য স্টাইল নির্দেশিকা
আপনি যদি ডাউনলোডযোগ্য Google লোগো ব্যবহার করতে না পারেন তাহলে CSS এবং HTML-এ Google অ্যাট্রিবিউশনের জন্য স্টাইল নির্দেশিকা নিচে দেওয়া হল।
পরিষ্কার স্থান
লকআপের চারপাশে পরিষ্কার স্থানের পরিমাণ Google-এ "G" এর উচ্চতার সমান বা তার বেশি হওয়া উচিত।
অ্যাট্রিবিউশন কপি এবং Google লোগোর মধ্যে স্থানটি "G" এর অর্ধেক প্রস্থ হওয়া উচিত।
পাঠযোগ্যতা
বাইলাইনটি সর্বদা পরিষ্কার, সুস্পষ্ট হওয়া উচিত এবং একটি প্রদত্ত পটভূমির জন্য সঠিক রঙের বৈচিত্রে উপস্থিত হওয়া উচিত। আপনার নির্বাচন করা লোগোর বৈচিত্রের জন্য সর্বদা যথেষ্ট বৈসাদৃশ্য প্রদান করতে ভুলবেন না।
রঙ
সাদা বা হালকা ব্যাকগ্রাউন্ডে Google Material Gray 700 টেক্সট ব্যবহার করুন যা 0%–40% সর্বাধিক কালো রঙ ব্যবহার করে।
#5F6368 RGB 95 99 104 HSL 213 5 39 HSB 213 9 41
গাঢ় পটভূমিতে, এবং ফটোগ্রাফি বা অ-ব্যস্ত নিদর্শনগুলিতে, বাইলাইন এবং অ্যাট্রিবিউশনের জন্য সাদা পাঠ্য ব্যবহার করুন।
#FFFFFF RGB 255 255 255 HSL 0 0 100 HSB 0 0 100
হরফ
রোবোটো ফন্ট ব্যবহার করুন।
উদাহরণ CSS
নিম্নলিখিত CSS, যখন "Google" টেক্সটে প্রয়োগ করা হয়, তখন একটি সাদা বা হালকা ব্যাকগ্রাউন্ডে উপযুক্ত ফন্ট, রঙ এবং ব্যবধান সহ "Google" রেন্ডার করবে।
font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; padding: 16px; letter-spacing: 0.0575em; /* 0.69px */ color: #5F6368;