মানচিত্র এবং ক্যামেরা নিয়ন্ত্রণ করুন

ক্যামেরার প্যান, সর্বোচ্চ উচ্চতা নিয়ন্ত্রণ করা বা প্রদত্ত মানচিত্রে ব্যবহারকারীর গতিবিধি সীমাবদ্ধ করে অক্ষাংশ এবং দ্রাঘিমাংশের সীমানা তৈরি করা আপনার পক্ষে বাঞ্ছনীয় হতে পারে। আপনি ক্যামেরা সীমাবদ্ধতা ব্যবহার করে এটি করতে পারেন।

নিম্নলিখিত উদাহরণটি ক্যামেরার গতিবিধি সীমাবদ্ধ করতে অবস্থানের সীমানা সহ একটি মানচিত্র দেখায়:

মানচিত্রের সীমানা সীমাবদ্ধ করুন

আপনি bounds বিকল্প সেট করে ক্যামেরার ভৌগলিক সীমানা সীমাবদ্ধ করতে পারেন।

নিম্নলিখিত কোড নমুনা মানচিত্র সীমানা সীমাবদ্ধ প্রদর্শন করে:

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

  const map = new Map3DElement({
    center: { lat: 37.7704, lng: -122.3985, altitude: 500 },
    tilt: 67.5,
    mode: MapMode.HYBRID,
    bounds: {south: 37, west: -123, north: 38, east: -121}
  });

init();
}

ক্যামেরা সীমাবদ্ধ করুন

আপনি নিম্নলিখিত বিকল্পগুলির যেকোনো একটি সেট করে ক্যামেরার গতিবিধি সীমাবদ্ধ করতে পারেন:

  • maxAltitude
  • minAltitude
  • maxHeading
  • minHeading
  • maxTilt
  • minTilt

নিম্নলিখিত কোড নমুনা ক্যামেরা সীমাবদ্ধ প্রদর্শন করে:

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

  const map = new Map3DElement({
    center: { lat: 37.7704, lng: -122.3985, altitude: 500 },
    tilt: 67.5,
    mode: MapMode.HYBRID,
    minAltitude: 1,
    maxAltitude: 1000,
    minTilt: 35,
    maxTilt: 55
  });

 document.body.append(map);
}

init();

মানচিত্র এবং ক্যামেরার সীমানা সীমাবদ্ধ করুন

আপনি একই সাথে মানচিত্র এবং ক্যামেরা সীমা উভয় সীমাবদ্ধ করতে পারেন। নিম্নলিখিত কোড নমুনা মানচিত্র এবং ক্যামেরা সীমানা উভয় সীমাবদ্ধ প্রদর্শন করে:

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

  const map = new Map3DElement({
    center: { lat: 37.7704, lng: -122.3985, altitude: 500 },
    tilt: 67.5,
    mode: MapMode.HYBRID,
    minAltitude: 1,
    maxAltitude: 1000,
    minTilt: 35,
    maxTilt: 55,
    bounds: {south: 37, west: -123, north: 38, east: -121}
  });

 document.body.append(map);
}

init();