【问题标题】:Google maps street view panorama options谷歌地图街景全景选项
【发布时间】:2015-02-20 19:38:31
【问题描述】:

我将Street View 选项与Google Maps 一起使用,但如果没有街景作为初始屏幕,我不知道如何自定义控件。现在我有:

map = new google.maps.Map(mapDiv, {
        zoom: 14,
        streetViewControl: true,
        streetViewControlOptions: {
            position: google.maps.ControlPosition.TOP_CENTER
        },
        zoomControl:false,
        disableDefaultUI: false

所以这将启用街景小人,您可以拖动它以切换到街景,但我想禁用关闭框和缩放。我确实找到了this API documentation,但是当我自己不手动创建街景时,我不确定如何设置控件。任何帮助,将不胜感激。

【问题讨论】:

    标签: javascript google-maps google-maps-api-3


    【解决方案1】:

    在您创建地图对象后,您可以立即执行以下操作:

      map.get('streetView')
      .setOptions({
                   addressControlOptions: { 
                     position: google.maps.ControlPosition.BOTTOM_RIGHT,
                   },
                   zoomControlOptions: {
                     position: google.maps.ControlPosition.RIGHT_TOP
                   },
                   panControlOptions: {
                     position: google.maps.ControlPosition.RIGHT_TOP
                   },
                })
    

    或者,您还想设置控件。 https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanoramaOptions 是可用选项的列表。您还可以在创建地图对象时传递新的 StreetViewPanorama,但除非您需要进行一些认真的自定义,否则没有必要。

    【讨论】:

    • 街景可以隐藏全屏控制吗? fullscreenControl: false 只移除了对整个地图的控制
    【解决方案2】:

    获取地图对象的副本。调用事件时,运行以下命令:map.set('zoomControl', false)

    map.set('enableCloseButton', false)

    【讨论】:

    • 我觉得这只会将这些值设置为地图而不是街景。我在创建地图时已经在选项中设置了zoomControl: false
    猜你喜欢
    • 1970-01-01
    • 2015-10-09
    • 2013-04-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多