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

  • 相关阅读:
    Java Varargs 可变参数使用
    GitLab 如何删除 Forked from
    Git Clone 的时候遇到 Filename too long 错误
    Spring Boot 如何部署到 Linux 中的服务
    Gradle 如何打包 Spring Boot 如何不添加版本代码
    HDU 5878---预处理+二分查找
    HDU 5881--Tea 思维规律
    HDU 5879---cure
    (转)C/S 与 B/S 区别
    卡特兰数
  • 原文地址:https://www.cnblogs.com/archie2010/p/1939485.html
Copyright © 2011-2022 走看看