মাইগ্রেশন: google.load এ ম্যাপ মডিউল

13 অক্টোবর, 2021-এ, আমরা google.load এর জন্য "Maps" মডিউল প্রদান করে এমন পরিষেবা বন্ধ করে দেব। এর মানে হল 13 অক্টোবর, 2021-এর পরে, আপনি যদি google.load এ "Maps" মডিউল ব্যবহার করার চেষ্টা করেন তাহলে আপনি একটি ত্রুটি পাবেন ( মডিউল "মানচিত্র" সমর্থিত নয় ) এবং কোনো মানচিত্র লোড হবে না। সম্ভাব্য ভাঙ্গন এড়াতে আপনাকে সাহায্য করার জন্য, আপনাকে অবশ্যই বিকল্পগুলির মধ্যে একটিতে যেতে হবে।

আমাকে কি করতে হবে?

প্রথমে, <script> ট্যাগটি সরান যা google.load লোডার লোড করে, তারপর google.load এ কলগুলি সরান। আপনি যদি অন্যান্য জিনিসের জন্য Google লোডার ব্যবহার করেন, তাহলে লোডার <script> ট্যাগটি জায়গায় রেখে দেওয়া ঠিক আছে।

এরপর, মানচিত্র জাভাস্ক্রিপ্ট API লোড করার একটি নতুন উপায় প্রয়োগ করুন (নিম্নলিখিত বিকল্পগুলির মধ্যে একটি নির্বাচন করুন):

• <script> ট্যাগ ব্যবহার করে ইনলাইন লোড হচ্ছে
• অন্য জাভাস্ক্রিপ্ট ফাইল থেকে ডাইনামিক লোড হচ্ছে

গুগল লোডার ব্যবহার করে বর্তমান উদাহরণ

নিম্নলিখিত উদাহরণটি দেখায় যে Google লোডার বর্তমানে ম্যাপ জাভাস্ক্রিপ্ট API লোড করতে কীভাবে ব্যবহৃত হয় (দুটি <script> ব্লক রয়েছে):

আগে

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("maps", "3.exp", {
    "callback": initMap,
    "key": "YOUR_KEY",
    "libraries": "places,visualization"
});
function initMap() {
  // Google Maps JS API is loaded and available
}
</script>

<script> ট্যাগ ব্যবহার করে ইনলাইন লোড হচ্ছে (প্রস্তাবিত)

যখন এই পদ্ধতিটি ব্যবহার করা হয়, তখন পৃষ্ঠা লোড হওয়ার সাথে সাথে মানচিত্র জাভাস্ক্রিপ্ট API লোড হয়। ইনলাইন লোডিং বাস্তবায়নের জন্য, প্রথমে <script> ট্যাগটি প্রতিস্থাপন করুন যা www.google.com/jsapi ( "আগে" ) লোড করে নিচের উদাহরণে দেখানো <script> ট্যাগ দিয়ে:

<script async src="https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap">
</script>

তারপর আপনার জাভাস্ক্রিপ্ট কোডে, google.load ফাংশন কলটি সরিয়ে দিন, যেহেতু এটির আর প্রয়োজন নেই। নিম্নলিখিত উদাহরণটি একটি ফাঁকা initMap() ফাংশন দেখায়, যা ম্যাপ লাইব্রেরি সফলভাবে লোড হলে বলা হয়:

<script type='text/javascript'>
function initMap() {
  // Google Maps JS API is loaded and available
}
</script>

ডকুমেন্টেশন দেখুন

অন্য জাভাস্ক্রিপ্ট ফাইল থেকে ডাইনামিক লোড হচ্ছে

ডায়নামিক লোডিং আপনাকে মানচিত্র জাভাস্ক্রিপ্ট API লোড করার সময় নিয়ন্ত্রণ করতে দেয়৷ উদাহরণস্বরূপ, আপনি ম্যাপ জাভাস্ক্রিপ্ট এপিআই লোড করার জন্য অপেক্ষা করতে পারেন যতক্ষণ না ব্যবহারকারী একটি বোতামে ক্লিক করে বা অন্য একটি ক্রিয়া সম্পাদন করে। ডায়নামিক লোডিং বাস্তবায়ন করতে, প্রথমে <script> ট্যাগটি প্রতিস্থাপন করুন যা www.google.com/jsapi ( "আগে" ) লোড করে কোড দিয়ে প্রোগ্রাম্যাটিকভাবে <script> ট্যাগ যোগ করুন, যেমনটি নিম্নলিখিত উদাহরণে দেখানো হয়েছে:

var script = document.createElement('script');
script.src =
'https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap';
script.async=true;

তারপরে আপনার কলব্যাক ফাংশনটি উইন্ডো অবজেক্টের সাথে সংযুক্ত করুন:

window.initMap = function() {
  // Google Maps JS API is loaded and available
};

সবশেষে, পেজের হেডারে <script> ট্যাগ যোগ করুন এভাবে:

document.head.appendChild(script);

ডকুমেন্টেশন দেখুন