【问题标题】:Google Maps V3 Directions Panel - a way to turn off step directions functionality?Google Maps V3 方向面板 - 一种关闭步进方向功能的方法?
【发布时间】:2012-11-09 19:06:44
【问题描述】:

基本上,当您单击“方向面板”步骤时,我想关闭使地图在每个转弯处居中的功能。

有没有办法禁用该功能?

PS:我试过了:

suppressMarkers: true,
suppressInfoWindows: true,

但那些只取出标记和信息窗口 - 当它点击时,它仍然将地图集中在转折点上。

【问题讨论】:

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


    【解决方案1】:

    您可以自己渲染 DirectionsPanel(而不是使用 DirectionsRenderer)。这使您可以完全控制。

    Example

    【讨论】:

    • aarrgggg....如果没有该功能,我将不得不重建方向面板的整个功能...arggggg...hmmm...没有其他选择吗?
    【解决方案2】:

    所以这就是我最终做的:

    function getDirections()
    {   
        var request = 
        {
            origin: start,
            destination: end,
            travelMode: google.maps.TravelMode.DRIVING
        };
    
        var summaryPanel = document.getElementById('directions_steps');
    
        directionsService.route(request, function(response, status) 
        {
            if (status == google.maps.DirectionsStatus.OK) 
            {
    
                directionsDisplay.setMap(map);
                directionsDisplay.setDirections(response);      
    
                var legs = response.routes[0].legs; 
    
                for (var leg = 0; leg < legs.length; leg++) {
                    for (var step = 0; step < legs[leg].steps.length;
                    step++) {
                        if (legs[leg].steps[step].lat_lngs) {                       
                            summaryPanel.innerHTML += legs[leg].steps[step].instructions+"<br/><br/>";                                                      
                        }
                    }
                }
    
            }
        });
    }
    

    【讨论】:

      【解决方案3】:

      完全迟到了,但为了将来的参考,对我有用的是评论这些行:

      var directionsRenderer = new google.maps.DirectionsRenderer({
                  draggable: true,
                  map: map//,
                  //panel: document.getElementById('right-panel') step directions instructions here
              });
      

      【讨论】:

        猜你喜欢
        • 2011-08-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-07-24
        • 1970-01-01
        • 1970-01-01
        • 2011-06-27
        • 2015-01-21
        相关资源
        最近更新 更多