googleMap-控件

Google Maps API 提供了以下默认控件：

导航控件可显示为以下 style 选项之一：

• google.maps.NavigationControlStyle.SMALL，用于显示迷你缩放控件，其中仅限 ＋ 和 － 按钮。此样式适用于移动设备。
• google.maps.NavigationControlStyle.ZOOM_PAN，用于显示如 Google Maps 中所示带有平移控件的标准缩放滑块控件。
• google.maps.NavigationControlStyle.ANDROID，用于显示 Android 设备上的本地 Google Maps 应用程序中所使用的小型缩放控件。
• google.maps.NavigationControlStyle.DEFAULT，会根据地图的尺寸和运行地图的设备挑选合适的导航控件。

MapType 控件可显示为以下 style 选项之一：

• google.maps.MapTypeControlStyle.HORIZONTAL_BAR，用于在水平栏中将一组控件显示为如 Google Maps 中所示按钮。
• google.maps.MapTypeControlStyle.DROPDOWN_MENU，用于显示单个按钮控件，以便您从下拉菜单中选择地图类型。
• google.maps.MapTypeControlStyle.DEFAULT，用于显示“默认”的行为，该行为取决于屏幕尺寸，并且可能会在 API 以后的版本中有所变化。

function initialize() {
  var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-33, 151),
    disableDefaultUI: true,//停用默认用户界面
    mapTypeId: google.maps.MapTypeId.ROADMAP      
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"),
       myOptions);                          
}

 

function initialize() {
  var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-33, 151),
    mapTypeControl: true,
    mapTypeControlOptions: {style: 
    //  //下拉式的 MapType 控件
    google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    //导航控件使用小型迷你缩放布局
    navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
    //显示 Google Maps 默认的普通二维图块
    mapTypeId: google.maps.MapTypeId.ROADMAP      
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"),
                                  myOptions);                          
}