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

  • 相关阅读:
    APP测试的那些坑
    最全的测试工具以及测试需要掌握的工具
    接口测试的必要性
    jmeter-察看结果树-响应数据,中文显示乱码问题处理
    JMeter学习(一)工具简单介绍
    BZOJ1972: [Sdoi2010]猪国杀
    luoguP1311 选择客栈 题解(NOIP2011)
    luoguP1003 铺地毯 题解(NOIP2011)
    luoguP1081 开车旅行 题解(NOIP2012)
    luoguP3391[模板]文艺平衡树(Splay) 题解
  • 原文地址:https://www.cnblogs.com/archie2010/p/1939485.html
Copyright © 2011-2022 走看看