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

3D Maps in Maps JavaScript API-তে, আপনি cameraPosition বিকল্পটি ব্যবহার করে ক্যামেরার ফোকাস পরিচালনা করতে পারেন।

মূল আচরণ:

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

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

সিএসএস 

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=beta&libraries=maps3d"></script>
    </body>
</html>
index.html

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

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

দুটি স্বতন্ত্র প্যারামিটার ব্যবহার করে ভিউপোর্টে মানচিত্রের কতটা দৃশ্যমান তা আপনি সামঞ্জস্য করতে পারেন: রেঞ্জ এবং ফোভ। যদিও তারা উভয়ই "জুম" স্তরকে প্রভাবিত করে, তারা ভিন্নভাবে কাজ করে:

  • range : ক্যামেরা এবং কেন্দ্রবিন্দুর মধ্যে ভৌত দূরত্ব নিয়ন্ত্রণ করে। এটি সামঞ্জস্য করা ক্যামেরাটিকে মানচিত্রের কাছাকাছি বা আরও দূরে সরিয়ে নেওয়ার সমতুল্য।

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

নিচের তুলনাটি fov বর্ণালীর বিপরীত প্রান্তে একই মানচিত্র দেখায়। বাম মানচিত্রে, fov 5 (সংকীর্ণ/টেলিফটো) তে সেট করা হয়েছে; ডান মানচিত্রে, এটি 80 (প্রশস্ত-কোণ) তে সেট করা হয়েছে।

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