我有两个按钮
<CENTER><button id="prevbutton" type="button">Prev «</button> <button id="nextbutton" type="button">Next »</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 但没有成功。