Google Maps হল একটি ওয়েব-ভিত্তিক ম্যাপিং পরিষেবা যা বিশ্বের যে কোনও জায়গার জন্য ভৌগলিক অঞ্চল এবং রাস্তার মানচিত্র সরবরাহ করে৷ যাইহোক, কিছু ওয়েবসাইটের মালিক ত্রুটি পাচ্ছেন “এই পৃষ্ঠাটি সঠিকভাবে Google মানচিত্র লোড করতে পারে না ” গুগল ম্যাপ লোড করার পরিবর্তে। এই ত্রুটিটিকে “এই পৃষ্ঠাটি Google মানচিত্রটি সঠিকভাবে লোড করেনি৷ প্রযুক্তিগত বিবরণের জন্য JavaScript কনসোল দেখুন ”।
দ্রষ্টব্য: এই সমাধানটি ওয়েবসাইট মালিকদের লক্ষ্য করা হয়েছে এবং প্রচলিত ব্যবহারকারী নয়।
গুগল মানচিত্র সঠিকভাবে লোড না হওয়ার কারণ কী?
গুগল ম্যাপ প্লাগইনগুলি কোন ত্রুটি ছাড়াই দুর্দান্ত কাজ করবে, কিন্তু বিগত কয়েক বছর ধরে জিনিসগুলি পরিবর্তিত হয়েছে যখন গুগল এমবেডেড মানচিত্র সহ ওয়েবসাইটগুলির জন্য তাদের নিয়ম পরিবর্তন করেছে৷ ওয়েবসাইটের মালিকরা আগে শুধু এম্বেড করা কোড ব্যবহার করে এই কাজটি করতে সক্ষম হয়েছিল কিন্তু এখন তাদের সঠিকভাবে কাজ করার জন্য Google Map-এর জন্য API কী প্রয়োজন। আপনার যদি ইতিমধ্যেই API কী যোগ করা থাকে তাহলে Google আপনার সাইটে মানচিত্রকে কেন অনুমতি দিচ্ছে না তার সঠিক কারণটি দেখতে আপনি Chrome-এ 'ইন্সপেক্ট এলিমেন্ট -> কনসোল' ট্যাব দেখতে পারেন। এটি একটি ভুল কী, কী সীমাবদ্ধ ইত্যাদি কারণে হতে পারে।
আপনার সাইট সেটিংসে Google API কী যোগ করুন
আপনার প্রোজেক্ট বা ওয়েবসাইটের জন্য Google Map কাজ করার জন্য, আপনাকে Google API কী তৈরি করতে হবে এবং এটি আপনার সাইটের সেটিংসে যোগ করতে হবে। কী তৈরি করতে এবং অন্য কোনো ত্রুটির সমস্যা সমাধানের জন্য আপনাকে Google Developers-এ সাইন ইন করতে হবে।
আপনি যদি ম্যানুয়ালি মানচিত্রের জন্য স্ক্রিপ্টটি সন্নিবেশ করান, তাহলে এটি আপনার API কী এর জায়গায় YOUR_API_KEY
এর সাথে নিম্নরূপ হওয়া উচিত<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type="text/javascript"></script>
যেহেতু ওয়ার্ডপ্রেস সেখানে সবচেয়ে জনপ্রিয় CMS, 172 মিলিয়নেরও বেশি ওয়েবসাইট এটি ব্যবহার করে; আমরা শুধুমাত্র ওয়ার্ডপ্রেসের জন্য ধাপগুলো প্রদর্শন করব।
- প্লাগইন সেটিংসে যান, যেটি আপনি Google মানচিত্রের জন্য ব্যবহার করছেন এবং এতে API কী যোগ করার বিকল্প থাকতে হবে। যদি এটি না থাকে তবে আপনি সম্ভবত একটি প্লাগইনের একটি পুরানো সংস্করণ বা একটি পুরানো প্লাগইন ব্যবহার করছেন৷
- আপনার ওয়ার্ডপ্রেস সাইটে API কী-এর জন্য সেটিংস খোলা রাখুন।
- Google-এর ক্লাউড রিসোর্স ম্যানেজারে যান
- ইতিমধ্যে লগ ইন না থাকলে Google এ সাইন ইন করুন
- “প্রকল্প তৈরি করুন-এ ক্লিক করুন ”, প্রকল্পের নাম দিন এবং “তৈরি করুন এ ক্লিক করুন "
- Google-এর সক্রিয় API ওয়েবপেজে যান।
- “একটি প্রকল্প নির্বাচন করুন এ ক্লিক করুন ” উপরে, তারপর আপনার তৈরি করা নতুন প্রকল্পটি নির্বাচন করুন এবং চালিয়ে যান
- “এপিআই এবং পরিষেবাগুলি সক্ষম করুন টিপুন৷ ”
- অনুসন্ধান করুন “Maps JavaScript API ” এবং এটি খুলুন
- তারপর “সক্ষম টিপুন "বোতাম
- নেভিগেশন মেনুতে ক্লিক করুন, "এপিআই এবং পরিষেবাগুলি নির্বাচন করুন৷ ” এবং “শংসাপত্র-এ যান ”
- ক্রেডেনশিয়াল তৈরি করুন ড্রপ ডাউন এ ক্লিক করুন এবং “API কী নির্বাচন করুন ”
দ্রষ্টব্য :আপনি চাইলে অননুমোদিত ব্যবহার রোধ করার জন্য এটিকে Restrict Key করতে পারেন - “বন্ধ করুন এ ক্লিক করুন ” তারপর তৈরি করা কী তে ক্লিক করুন
- "HTTP রেফারার নির্বাচন করুন৷ ” আবেদন বিধিনিষেধের মধ্যে
- আপনার ওয়েবসাইটের URL যোগ করুন এবং “সংরক্ষণ করুন এ ক্লিক করুন ”
- এখন কীটি অনুলিপি করুন এবং ওয়ার্ডপ্রেস সাইটে ফিরে যান
- বাম প্যানেলের নীচে স্ক্রোল করুন এবং “সেটিংস-এ যান ”
- আপনি “Google API KEY-এর জন্য একটি বিকল্প পাবেন ”, সেটি খুলুন এবং সেখানে কী পেস্ট করুন।
- সেটিংস সংরক্ষণ করুন, আপনার পৃষ্ঠায় যান এবং এটি রিফ্রেশ করুন৷ ৷
দ্রষ্টব্য: নিশ্চিত করুন যে আপনার বিলিং সক্ষম করা হয়েছে কারণ Google শুধুমাত্র 300$ মূল্যের ক্রেডিট বা 12 মাসের বিনামূল্যে ব্যবহারের অনুমতি দেয় (যেটি দ্রুত হ্রাস পায়)৷ এর পরে, বিলিং সেটআপ এবং প্রয়োগ করতে হবে৷