Google Map API Version3 教程(五)：地图控件的自定义

转自：http://blog.sina.com.cn/s/blog_4cdc44df0100u9hh.html

Google Map提供了三种控件，也提供了多种定义控件的方法：

navigationControl：

mapTypeControl：

scaleControl：

具体定义的方式是：

      lat = 23.14746;

      lng = 113.34175376;

      var myLatLng = new google.maps.LatLng(lat, lng);

      var myOptions = {

            zoom: 15,

            center: myLatLng,

            disableDefaultUI: true,                      //取消默认的试图

            navigationControl: true,                     //true表示显示控件

            mapTypeControl: false,                        //false表示不显示控件

            scaleControl: true,

            mapTypeId: google.maps.MapTypeId.ROADMAP

      };

      var map = new google.maps.Map(document.getElementByIdx_x("map"), myOptions);

通过这样的定义可以让控件显示或者不显示了。

空间也可以指定样式和位置，主要是通过修改Options实现：

      var myOptions = {

            zoom: 15,

            center: myLatLng,

            disableDefaultUI: true,

            navigationControl: false,

            mapTypeControl: true,

            mapTypeControlOptions: { 

style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.TOP_LEFT

  },

            scaleControl: true,

            mapTypeId: google.maps.MapTypeId.ROADMAP

      };

mapTypeControlOptions就是设定样式来，style是样式，google.maps.ControlPosition.TOP_LEFT是位置：

导航控件（navigationControl）可显示为以下 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 以后的版本中有所变化。

可以定义的位置是：

TOP 表示控件应沿着地图顶部中心放置。

TOP_LEFT 表示控件应沿着地图顶部左侧放置，控件的任何子元素“流”向顶部中心。

TOP_RIGHT 表示控件应沿着地图顶部右侧放置，控件的任何子元素“流”向顶部中心。

BOTTOM 表示控件应沿着地图底部中心放置。

BOTTOM_LEFT 表示控件应沿着地图底部左侧放置，控件的任何子元素“流”向底部中心。

BOTTOM_RIGHT 表示控件应沿着地图底部右侧放置，控件的任何子元素“流”向底部中心。

LEFT 表示控件应沿着地图左侧放置，位于使用 TOP_LEFT 定位方法放置的任何元素之下，控件的任何子元素“流”向底部。

RIGHT 表示控件应沿着地图右侧放置，位于使用 TOP_RIGHT 定位方法放置的任何元素之下，控件的任何子元素“流”向底部。

示例代码下载： http://download.csdn.net/source/3331139