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);
    }

  • 相关阅读:
    [题解]AtCoder Beginner Contest 174
    [高精取模]
    C++知识点—对拍
    C++知识点 STL容器3—map && pair
    致远星的搜索战争 T3 星际穿梭 题解
    洛谷 7月月赛 Div.2 T1 可持久化动态仙人掌的直径问题
    T139631 T3 阶乘之和
    C++知识点 STL容器2—set
    【2020-08-10】轻易的评价反而会阻碍成长
    【2020-08-09】人生十三信条
  • 原文地址:https://www.cnblogs.com/archie2010/p/1939485.html
Copyright © 2011-2022 走看看