ক্যামেরার অবস্থান নিয়ন্ত্রণ করুন

Maps JavaScript API-এর 3D ম্যাপে, আপনি cameraPosition অপশনটি ব্যবহার করে ক্যামেরার ফোকাস নিয়ন্ত্রণ করেন।

মূল আচরণসমূহ:

  • center সহ : অক্ষাংশ এবং দ্রাঘিমাংশের স্থানাঙ্ক মানচিত্রের সেই সুনির্দিষ্ট বিন্দুটিকে নির্দেশ করে, যেটির দিকে ক্যামেরাটি মুখ করে থাকে।
  • cameraPosition সহ: ক্যামেরাটি নির্মাণের সময় প্রদত্ত স্থানাঙ্কে স্থাপন করা হয়। এর ফলে প্রায়শই আগ্রহের কোনো নির্দিষ্ট বিষয়ের উপর দৃশ্যটিকে কেন্দ্র করা কঠিন হয়ে পড়ে।

নিম্নলিখিত উদাহরণটি একটি নির্দিষ্ট কেন্দ্রবিন্দু নিশ্চিত করার জন্য ' center অপশন ব্যবহার করে একটি ম্যাপ ইনিশিয়ালাইজ করার পদ্ধতি প্রদর্শন করে। মার্কারটি ' center এ প্রদত্ত কেন্দ্রবিন্দুটি নির্দেশ করে। 

<html>
    <head>
        <title>3D Camera Position</title>

        <link rel="stylesheet" type="text/css" href="./style.css" />
    </head>
    <body>
        <gmp-map-3d
            center="40.7860524,-73.9634983,0"
            range="1500"
            tilt="70"
            heading="-150"
            mode="satellite">
            <gmp-marker position="40.7860524,-73.9634983" altitude-mode="clamp-to-ground"></gmp-marker>
        </gmp-map-3d>

        <script
            async
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=weekly&libraries=maps3d"></script>
    </body>
</html>
index.html

সম্পূর্ণ উদাহরণ সোর্স কোড দেখুন

সিএসএস 

gmp-map-3d {
  height: 100%;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
style.css

এইচটিএমএল 

<html>
    <head>
        <title>3D Camera Position</title>

        <link rel="stylesheet" type="text/css" href="./style.css" />
    </head>
    <body>
        <gmp-map-3d
            center="40.7860524,-73.9634983,0"
            range="1500"
            tilt="70"
            heading="-150"
            mode="satellite">
            <gmp-marker position="40.7860524,-73.9634983" altitude-mode="clamp-to-ground"></gmp-marker>
        </gmp-map-3d>

        <script
            async
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=weekly&libraries=maps3d"></script>
    </body>
</html>
index.html

নমুনা চেষ্টা করুন

দৃশ্যক্ষেত্র এবং পরিসীমা

আপনি দুটি স্বতন্ত্র প্যারামিটার—range এবং fov—ব্যবহার করে ভিউপোর্টে ম্যাপের কতটুকু অংশ দেখা যাবে তা নিয়ন্ত্রণ করতে পারেন। যদিও উভয়ই 'জুম' লেভেলকে প্রভাবিত করে, এদের কার্যপ্রণালী ভিন্ন:

  • range : ক্যামেরা এবং কেন্দ্রবিন্দুর মধ্যকার বাস্তব দূরত্ব নিয়ন্ত্রণ করে। এটি পরিবর্তন করার অর্থ হলো ক্যামেরাটিকে ম্যাপের কাছে বা দূরে সরানো।

  • fov (ফিল্ড অফ ভিউ): ক্যামেরার লেন্সের কোণ নিয়ন্ত্রণ করে। এর উচ্চ মান ওয়াইড-অ্যাঙ্গেল লেন্সের মতো কাজ করে, যা চারপাশের বেশি অংশ দেখায়, আর নিম্ন মান টেলিফটো লেন্সের মতো কাজ করে।

নিম্নলিখিত তুলনাটি fov স্পেকট্রামের বিপরীত প্রান্তে একই ম্যাপ দেখাচ্ছে। বাম দিকের ম্যাপে, fov ৫ (ন্যারো/টেলিফটো)-তে সেট করা হয়েছে; ডান দিকের ম্যাপে, এটি ৮০ (ওয়াইড-অ্যাঙ্গেল)-এ সেট করা হয়েছে।

গোল্ডেন গেট ব্রিজের দুটি ত্রিমাত্রিক আকাশচিত্রের পাশাপাশি তুলনা। বাম দিকে পুরো সেতুর বিস্তৃতি এবং মেরিন হেডল্যান্ডসের একটি প্রশস্ত আকাশ-দৃশ্য দেখানো হয়েছে। ডান দিকে একটি লাল সাসপেনশন টাওয়ার এবং সেতুর ডেকের একটি অত্যন্ত কাছ থেকে তোলা ছবি দেখানো হয়েছে, যা খাড়াভাবে নিচের দিকে নামানো একটি কোণ থেকে তোলা।