ম্যাপ লোকালাইজ করা

ডিফল্ট ভাষা সেটিংস এবং ম্যাপের অঞ্চল কোড পরিবর্তন করে আপনি ম্যাপে ব্যবহৃত ভাষা এবং অঞ্চল সেটিংস কাস্টমাইজ করতে পারেন, যা নির্দিষ্ট দেশ বা অঞ্চলের উপর ভিত্তি করে ম্যাপের আচরণকে প্রভাবিত করতে পারে।

Maps কভারেজ টেবিল থেকে Maps JavaScript-এ 3D Maps-এর কভারেজ পর্যালোচনা করুন।

ভাষা স্থানীয়করণ

ডিফল্ট হিসেবে, Maps JavaScript API ব্যবহারকারীর ব্রাউজারে উল্লেখ করা ভাষা সেটিংস ব্যবহার করে ম্যাপের কোন অনুবাদ ব্যবহার করা হবে তা নির্ধারণ করে। তবে, আপনি এটি পরিবর্তন করতে পারেন এবং 3D ম্যাপ তৈরি করার সময় language প্যারামিটার সেট করে ব্যবহার করার জন্য একটি নির্দিষ্ট ভাষা সেট করতে পারেন। ম্যাপ শুরু করার পরে ভাষা ও অঞ্চল আপডেট করা যাবে।

language প্যারামিটার সেট করলে, কন্ট্রোল, টুলটিপ এবং কপিরাইট সংক্রান্ত বিজ্ঞপ্তি কোন ভাষায় দেখানো হবে তা প্রভাবিত হয়। এছাড়াও, এটি রাজনৈতিক ফিচার, বর্ণনাকারী এবং প্রাকৃতিক ফিচারের অনুবাদকে প্রভাবিত করে; যেমন "Geneva" থেকে "Genève" বা "lake" থেকে "lac" পরিবর্তন করা, অথবা ভাষা যে দিকে রেন্ডার করা হয় তা পরিবর্তন করা।

Maps JavaScript-এ 3D Maps নিম্নলিখিত ক্রমে লোকালাইজেশন সংক্রান্ত পছন্দ খোঁজে। প্রথম ধাপে পছন্দ সংজ্ঞায়িত না করা হলে, এটি নির্দিষ্ট ক্রমে খোঁজা চালিয়ে যায়। লোকালাইজেশন সংক্রান্ত কোনও নির্দেশাবলীতে বিরোধ থাকলে, নিচে উল্লেখ করা অগ্রাধিকারের ভিত্তিতে তা সমাধান করা হয়:

  1. Map3DElement সংজ্ঞা। এটি হল প্রথম জায়গা যেখানে 3D Maps লোকালাইজেশন সংক্রান্ত পছন্দ খোঁজে।
  2. Maps JavaScript API লোডার। Maps JavaScript API লোড করার সময় নির্দিষ্ট করা ভাষা ব্যবহার করা হয়।
  3. ব্রাউজার সেটিং ও ডোমেন। ব্রাউজার সেটিং ভাষার জন্য ব্যবহার করা হয়, এবং Maps JavaScript API যে ডোমেন থেকে লোড করা হয়েছে সেটি অঞ্চলের জন্য ব্যবহার করা হয়।

নিম্নলিখিত উদাহরণে চিনা ভাষায় ম্যাপ দেখানো হয়েছে এবং অঞ্চল হিসেবে চিন সেট করা হয়েছে:

TypeScript

async function init() {
    const { Map3DElement } = await google.maps.importLibrary('maps3d');

    const map = new Map3DElement({
        center: {
            lat: 49.75371685807847,
            lng: -123.13227141171181,
            altitude: 30,
        },
        tilt: 50.64793990040634,
        heading: 44.480020261589154,
        range: 51618.36056532338,
        language: 'ZH',
        region: 'CN',
        mode: 'HYBRID',
    });

    document.body.append(map);
}

void init();

জাভাস্ক্রিপ্ট

async function init() {
    const { Map3DElement } = await google.maps.importLibrary('maps3d');

    const map = new Map3DElement({
        center: {
            lat: 49.75371685807847,
            lng: -123.13227141171181,
            altitude: 30,
        },
        tilt: 50.64793990040634,
        heading: 44.480020261589154,
        range: 51618.36056532338,
        language: 'ZH',
        region: 'CN',
        mode: 'HYBRID',
    });

    document.body.append(map);
}

void init();

CSS

/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
#gmp-map-3d {
    height: 100%;
}
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

HTML

<html>
    <head>
        <title>3d localization</title>

        <link rel="stylesheet" type="text/css" href="./style.css" />
        <script type="module" src="./index.js"></script>
        <script>
            // prettier-ignore
            (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
                key: "GOOGLE_MAPS_API_KEY"
            });
        </script>
    </head>
    <body></body>
</html>

অঞ্চল স্থানীয়করণ

region প্যারামিটার বিভিন্ন ম্যাপ টাইল দেখাতে পারে অথবা অ্যাপ্লিকেশনকে আরও আঞ্চলিকভাবে-উপযুক্ত ফলাফলের দিকে পক্ষপাতিত্ব করতে পারে। এছাড়াও, অঞ্চল ট্যাগ সেট করলে, অ্যাপ্লিকেশনটি যে দেশে হোস্ট করা হয়েছে সেখানে সঠিক আঞ্চলিক লোকালাইজেশন প্রয়োগ করা হয়েছে কিনা তা নিশ্চিত করার মাধ্যমে অ্যাপ্লিকেশনটি স্থানীয় আইন মেনে চলে কিনা তা নিশ্চিত করে।