Google Maps কন্ট্রোল

谷歌地图 - 默认控件

当显示标准的谷歌地图时，它提供了默认的控件集：

• 缩放（Zoom） - 显示滑块或 "+/-" 按钮来控制地图的缩放级别
• 平移（Pan） - 显示用于平移地图的平移控件
• 地图类型（MapType） - 允许用户在地图类型（路线图和卫星图）之间切换
• 街景（Street View） - 显示街景小人图标（Pegman icon），可以将其拖动到地图以启用街景

谷歌地图 - 更多控件

除了默认控件外，谷歌地图还提供：

• 比例（Scale） - 显示地图比例元素
• 旋转（Rotate） - 显示小型的圆形图标，允许您旋转地图
• 概览地图（Overview Map） - 显示缩略图概览地图，反映更广泛区域内的当前地图视口

您可以规定在创建地图时显示哪些控件（在 MapOptions 内）或通过调用 setOptions() 来更改地图的选项。

谷歌地图 - 禁用默认控件

您可能希望关闭默认控件。

对此，请将地图的 disableDefaultUI 属性（在地图的选项对象内）设置为 true：

প্রতিদর্শন

var mapOptions {disableDefaultUI: true}

谷歌地图 - 打开所有控件

一些控件默认会出现在地图上；而其他的则不会出现，除非您设置它们。

请在地图选项对象中规定向地图添加或删除的控件。

কন্ট্রোলকে true মানে নিয়ে দিলে তা দেখানো হবে - false মানে নিয়ে দিলে তা লুকিয়ে যাবে。

এই উদাহরণটি সকল কন্ট্রোলকে খুলে দিয়েছে:

প্রতিদর্শন

var mapOptions {
  panControl: true,
  zoomControl: true,
  mapTypeControl: true,
  scaleControl: true,
  streetViewControl: true,
  overviewMapControl: true,
  rotateControl: true
}

গুগল মানচিত্র - কন্ট্রোল পরিবর্তন

কিছু মানচিত্র কন্ট্রোল কনফিগারেবল হয়。

কন্ট্রোল অপশন ফিল্ডটি নির্ধারণ করে কন্ট্রোলকে পরিবর্তন করা যায়。

উদাহরণ, zoomControlOptions ফিল্ডে জোম কন্ট্রোল পরিবর্তনের জন্য ব্যবহৃত অপশনগুলি নির্ধারিত হয়। zoomControlOptions ফিল্ডটি মহল্লো হতে পারে:

• google.maps.ZoomControlStyle.SMALL - মিনি জোম কন্ট্রোল দেখাবে (+ এবং - বটনসহ)
• google.maps.ZoomControlStyle.LARGE - স্ট্যান্ডার্ড জোম স্লাইডার কন্ট্রোল দেখাবে
• google.maps.ZoomControlStyle.DEFAULT - ডিভাইস এবং মানচিত্র মাপ অনুযায়ী শ্রেষ্ঠ জোম কন্ট্রোল ব্যবহার করুন

প্রতিদর্শন

zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL
}

নোট: যদি কন্ট্রোল পরিবর্তন করতে হয়, তবে প্রথমে এটির সক্ষমতা সক্রিয় করুন (তা সক্রিয় করুন)。

একটি অন্যত্র কনফিগারেবল কন্ট্রোল হল MapType কন্ট্রোল。

mapTypeControlOptions ফিল্ডে কন্ট্রোল পরিবর্তনের জন্য ব্যবহৃত অপশনগুলি নির্ধারিত হয়। mapTypeControlOptions ফিল্ডটি মহল্লো হতে পারে:

• google.maps.MapTypeControlStyle.HORIZONTAL_BAR - প্রত্যেক মানচিত্র ধরনের জন্য একটি বটন দেখাবে
• google.maps.MapTypeControlStyle.DROPDOWN_MENU - মানচিত্র ধরন নির্বাচন করতে ড্রপডাউন মেনু ব্যবহার করুন
• google.maps.MapTypeControlStyle.DEFAULT - “ডিফল্ট” আচরণ দেখাবে (স্ক্রিন মাপ অনুযায়ী)

প্রতিদর্শন

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}

আপনি আরও ControlPosition এক্সিভার্ট ব্যবহার করে কন্ট্রোল লোকেশন করতে পারেন:

প্রতিদর্শন

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  position: google.maps.ControlPosition.TOP_CENTER
}