zoukankan      html  css  js  c++  java
  • 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);
    }

  • 相关阅读:
    CSS3实现3D木块旋转动画
    灰色大气企业html5模板
    同程联盟景点门票动态程序 beta1.0源码
    java 创建 HMAC 签名
    左侧浮动html网页模板
    农业公司flash动画模板
    纯CSS3左右滑动开关按钮
    jQuery移动光标改变图像
    四叶草与动感线条背景矢量图
    看过的bootstrap书籍(附下载地址)
  • 原文地址:https://www.cnblogs.com/archie2010/p/1939485.html
Copyright © 2011-2022 走看看