2

我有两个按钮

<CENTER><button id="prevbutton" type="button">Prev &#171;</button>&nbsp;&nbsp;&nbsp;&nbsp;<button id="nextbutton" type="button">Next &#187;</button>

定义如上。

我想在使用下面的代码单击按钮时更改方向。

    function attachInstructionText(marker, text) {
          google.maps.event.addListener(marker, 'click', function() {
            stepDisplay.setContent(text);
            stepDisplay.open(map, marker);
            map.setCenter(marker.getPosition());
            map.setZoom(16);
          });
        }
        calcRoute();
        var prevbutton=  document.getElementById("prevbutton");
        var nextbutton=  document.getElementById("nextbutton");
        google.maps.event.addDomListener(prevbutton, 'click', function() {
            if(stepnumber>0){
            stepnumber-=1;
            if(directionsvisiblemarker&&directionsvisiblemarker!=null){
                directionsvisiblemarker.setVisible(false);
            }
            directionsvisiblemarker=mArray[stepnumber];
            google.maps.event.trigger(directionsvisiblemarker, 'click');
        }

        });
        google.maps.event.addDomListener(nextbutton, 'click', function() {
            if(stepnumber<totalsteps){
                stepnumber+=1;
                if(directionsvisiblemarker&&directionsvisiblemarker!=null){
                    directionsvisiblemarker.setVisible(false);
                }
                directionsvisiblemarker=mArray[stepnumber];
                google.maps.event.trigger(directionsvisiblemarker, 'click');
                console.log(directionsvisiblemarker);
            }
        });

};

上面的代码至少适用于 safari 和 chrome 桌面浏览器,但不适用于移动设备。我也尝试用 mouseup 替换 click 但没有成功。

4

0 回答 0