2

私は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 デスクトップ ブラウザーでは機能しますが、モバイル デバイスでは機能しません。クリックをマウスアップに置き換えてみましたが、成功しませんでした。

4

0 に答える 0