সমস্যার সমাধান

মনে রাখবেন: Maps JavaScript API ব্যবহার করতে:

• সব Maps JavaScript API অনুরোধে API কী অন্তর্ভুক্ত থাকতে হবে; কী ছাড়া অ্যাক্সেস করার সুবিধা আর উপলভ্য নেই।
• আপনার প্রতিটি প্রোজেক্টে বিলিং চালু করতে হবে।

API Key এবং বিলিং সংক্রান্ত সমস্যা

কিছু পরিস্থিতিতে, একটি অন্ধকার ম্যাপ বা 'নেগেটিভ' Street View ছবি, "শুধুমাত্র ডেভেলপমেন্টের উদ্দেশ্যে" টেক্সট সহ ওয়াটারমার্ক করা ছবি দেখানো হতে পারে। এই আচরণ সাধারণত API কী বা বিলিং সংক্রান্ত সমস্যাকে নির্দেশ করে। Google Maps Platform প্রোডাক্ট ব্যবহার করতে, আপনার অ্যাকাউন্টে বিলিং চালু থাকতে হবে, এবং সব অনুরোধে একটি সঠিক API কী থাকতে হবে। নিম্নলিখিত ফ্লো এই সমস্যার সমাধান করতে সাহায্য করবে:

আপনি কি API key ব্যবহার করছেন?

আমি নিশ্চিত নই আমি API কী ব্যবহার করছি কিনা তা কীভাবে চেক করব?

Maps JavaScript API লোড করার জন্য ব্যবহৃত URL-এ key প্যারামিটার হিসেবে API কী পাস করা হয়। আপনি API কী ব্যবহার করছেন কিনা তা চেক করার জন্য এখানে কয়েকটি বিকল্প দেওয়া হল:

• Google Maps Platform API Checker Chrome এক্সটেনশন ব্যবহার করুন। এর মাধ্যমে আপনি নির্ধারণ করতে পারবেন যে আপনার ওয়েবসাইট Google-এর লাইসেন্সপ্রাপ্ত Maps API সঠিকভাবে প্রয়োগ করছে কিনা।
• Maps JavaScript API লোড করার জন্য আপনি কোনও লাইব্রেরি বা প্লাগ-ইন ব্যবহার করলে, সেই লাইব্রেরির সেটিংস চেক করুন এবং API কী বিকল্প খুঁজুন।
• আপনার ব্রাউজারে কোনও সমস্যা হয়েছে কিনা তা চেক করুন। আপনি যদি নিম্নলিখিত মেসেজ দেখতে পান, তাহলে আপনি নিজের API key সঠিকভাবে ব্যবহার করছেন না:
  • Google Maps JavaScript API সংক্রান্ত সতর্কতা: NoApiKeys
  • Google Maps JavaScript API সংক্রান্ত সমস্যা: MissingKeyMapError

ওয়েব ডেভেলপারদের জন্য:

• আপনার অ্যাপ্লিকেশনের সোর্স কোডে অ্যাক্সেস থাকলে, <script> ট্যাগটি খুঁজুন যা Maps JavaScript API লোড করতে ব্যবহার করা হয়। Maps JavaScript API লোড করার সময়, নিচের কোডে YOUR_API_KEY-এর জায়গায় আপনার API key লিখুন।

    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

• ব্রাউজারে আপনার ওয়েবসাইট থেকে তৈরি হওয়া নেটওয়ার্ক ট্রাফিক চেক করুন। Chrome-এ, এটি DevTools নেটওয়ার্ক ট্যাব ব্যবহার করে দেখা যেতে পারে। এখানে আপনি নিজের ওয়েবসাইটের করা নেটওয়ার্ক অনুরোধ দেখতে পাবেন। Maps JavaScript API ব্যবহার করে করা অনুরোধ maps/api/js পাথে থাকবে। অনুরোধগুলি key প্যারামিটার ব্যবহার করছে কিনা তা আপনি এখানে কনফার্ম করতে পারবেন। নেটওয়ার্ক ট্যাব দেখার সময় maps/api/js-এর মাধ্যমে আপনার নেটওয়ার্ক ট্রাফিক ফিল্টার করা সহায়ক হতে পারে।

না, আমি API key ব্যবহার করছি না।

API key পেতে, নিচের বোতামে ক্লিক করুন। আপনি যদি নির্দেশিত সেট-আপ দেখতে না পান, তাহলে Google Maps Platform-এর সাথে শুরু করুন লিঙ্কে গিয়ে সম্পূর্ণ নির্দেশাবলী অনুসরণ করুন।
শুরু করুন

হ্যাঁ, আমি API key ব্যবহার করছি।

দারুণ! আপনার প্রোজেক্টের সাথে বিলিং অ্যাকাউন্ট অ্যাটাচ করা আছে কিনা তা চেক করে দেখা যাক।

আপনার প্রোজেক্টের সাথে কি কোনও বিলিং অ্যাকাউন্ট অ্যাটাচ করা আছে?

আমি নিশ্চিত নই আমার প্রোজেক্টের সাথে বিলিং অ্যাকাউন্ট অ্যাটাচ করা আছে কিনা তা কীভাবে চেক করব?

Google Cloud কনসোলের বিলিং পৃষ্ঠায় যান এবং যে প্রোজেক্টের অধীনে আপনার API কী তৈরি করা হয়েছে সেটি বেছে নিন। 'কী'-টি প্রোজেক্টের সাথে সংযুক্ত রয়েছে কিনা তা কনফার্ম করতে:

1. ক্রেডেনশিয়াল বিভাগে যান, যা বাঁদিকের সাইড বারে Google Maps Platform > ক্রেডেনশিয়াল বিকল্প থেকে অ্যাক্সেস করা যাবে।
2. আপনার ওয়েবসাইটে বর্তমানে যে API key ব্যবহার করছেন সেটি তালিকাভুক্ত আছে কিনা তা চেক করুন। তা না হলে, অন্য কোনও প্রোজেক্টে পাল্টে নিন এবং সেখানে ক্রেডেনশিয়াল চেক করুন।
3. আপনার API কী-এর জন্য প্রোজেক্ট খুঁজে না পেলে, আপনি হয়ত এই প্রোজেক্টের অ্যাক্সেস হারিয়েছেন। আপনার প্রতিষ্ঠানের অন্যদের সাহায্য করতে বলুন। আসল প্রোজেক্ট খুঁজে পাওয়া না গেলে, আপনাকে এগুলি করতে হবে:
   1. নতুন প্রোজেক্ট তৈরি করুন। প্রোজেক্টের তালিকা থেকে নতুন প্রোজেক্ট বেছে নিয়ে অথবা রিসোর্স ম্যানেজার পৃষ্ঠা থেকে প্রোজেক্ট তৈরি করুন বিকল্প বেছে নিয়ে এটি করা যেতে পারে।
   2. নতুন API কী তৈরি করুন। এটি ক্রেডেনশিয়াল পৃষ্ঠা থেকে করা যাবে। সেখানে গিয়ে ক্রেডেনশিয়াল তৈরি করুন বিকল্পে ক্লিক করে API কী বেছে নিন।

Cloud কনসোলে আপনার প্রোজেক্ট খুঁজে পাওয়ার পরে, বাঁদিকের মেনুতে বিলিং বিভাগে গিয়ে চেক করে দেখুন যে কোনও বিলিং অ্যাকাউন্ট অ্যাটাচ করা আছে কিনা।

না, আমার প্রোজেক্টের সাথে কোনও বিলিং অ্যাকাউন্ট অ্যাটাচ করা নেই।

Cloud কনসোলের বিলিং চালু করুন পৃষ্ঠায় যান এবং আপনার প্রোজেক্টে বিলিং অ্যাকাউন্ট যোগ করুন। অতিরিক্ত তথ্যের জন্য, Google Maps Platform ব্যবহার শুরু করুন দেখুন।

হ্যাঁ, আমার প্রোজেক্টের সাথে একটি বিলিং অ্যাকাউন্ট অ্যাটাচ করা আছে।

দারুণ! প্রদান করা বিলিং পদ্ধতিটি সঠিক কিনা তা নিশ্চিত করা যাক।

প্রদান করা বিলিং পদ্ধতি কি আর বৈধ নয় (যেমন, মেয়াদ শেষ হয়ে যাওয়া ক্রেডিট কার্ড)?

আপনি Cloud কনসোল থেকে পেমেন্ট পদ্ধতি যোগ করতে, সরাতে বা আপডেট করতে পারবেন।

API-তে কি নিজের থেকে সেট করা দৈনিক সীমা অতিক্রম করা হয়েছে?

আপনি যদি নিজের কোনও API-তে দৈনিক সীমা সেট করে থাকেন, যা অপ্রত্যাশিত বৃদ্ধি রোধ করার জন্য সাধারণ, আপনি আপনার দৈনিক সীমা বাড়িয়ে এটি সমাধান করতে পারেন।

আপনি Cloud কনসোলের API ও পরিষেবা ড্যাশবোর্ড-এ গিয়ে আপনার দৈনিক সীমা চেক করতে পারবেন। সেখানে গিয়ে:

1. প্রম্পট করা হলে, কোনও প্রোজেক্ট বেছে নিন।
2. তালিকা থেকে একটি API বেছে নিন, তারপর কোটা ট্যাবে ক্লিক করুন।

আপনার API key-তে কি IP অ্যাড্রেস সংক্রান্ত বিধিনিষেধ আছে?

IP অ্যাড্রেস সংক্রান্ত বিধিনিষেধ সহ API কী শুধুমাত্র সেইসব ওয়েব পরিষেবার সাথে ব্যবহার করা যাবে যেগুলি সার্ভার সাইড থেকে ব্যবহার করার জন্য তৈরি করা হয়েছে (যেমন Geocoding API এবং অন্যান্য ওয়েব পরিষেবা API)। এইসব ওয়েব পরিষেবার বেশিরভাগেরই Maps JavaScript API-এর মধ্যে সমতুল্য পরিষেবা আছে (যেমন, Geocoding Service দেখুন)। Maps JavaScript API ক্লায়েন্ট সাইড পরিষেবা ব্যবহার করতে, আপনাকে একটি আলাদা API key তৈরি করতে হবে যা HTTP রেফারার সংক্রান্ত বিধিনিষেধের মাধ্যমে সুরক্ষিত করা যেতে পারে (API key পান, যোগ করুন ও বিধিনিষেধ আরোপ করুন দেখুন)।

আপনার কোড কাজ না করলে:

আপনার ম্যাপ কোড চালু করতে সাহায্য করার জন্য, ব্রেন্ডন কেনি এবং মানো মার্কস কিছু সাধারণ ভুল এবং এই ভিডিওতে সেগুলি কীভাবে ঠিক করা যায় তা উল্লেখ করেছেন।

• বানান ভুল আছে কিনা তা দেখুন। মনে রাখবেন, JavaScript-এ ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয়।
• প্রাথমিক বিষয়গুলি চেক করুন - ম্যাপ তৈরির প্রাথমিক পর্যায়ে কিছু সাধারণ সমস্যা দেখা যায়। যেমন:
  • আপনার ম্যাপের বিকল্পে zoom এবং center প্রপার্টি উল্লেখ করেছেন কিনা তা কনফার্ম করুন।
  • নিশ্চিত করুন যে আপনি একটি div এলিমেন্ট ঘোষণা করেছেন যেখানে ম্যাপটি স্ক্রিনে প্রদর্শিত হবে।
  • ম্যাপের জন্য div এলিমেন্টের স্পষ্ট নন-জিরো CSS উচ্চতা (যেমন, height: 400px) আছে কিনা তা নিশ্চিত করুন। ডিফল্ট হিসেবে, div এলিমেন্ট 0 উচ্চতা নিয়ে তৈরি হয় এবং তাই দেখা যায় না।
  রেফারেন্স প্রয়োগ করার জন্য আমাদের উদাহরণ দেখুন।
• সমস্যা শনাক্ত করতে জাভাস্ক্রিপ্ট ডিবাগার ব্যবহার করুন, যেমন Chrome ডেভেলপার টুলে উপলভ্য ডিবাগার। জাভাস্ক্রিপ্ট কনসোলে InvalidKeyMapError বা ApiNotActivatedMapError-এর মতো সমস্যা আছে কিনা তা দেখে শুরু করুন এবং সেগুলি সমাধান করতে সমস্যার মেসেজ গাইড দেখুন।
• Stack Overflow-এ প্রশ্ন পোস্ট করুন। কীভাবে দারুণ প্রশ্ন পোস্ট করতে হয় সেই সংক্রান্ত নির্দেশিকা সহায়তা পৃষ্ঠায় উপলভ্য আছে।