I have infinite polyline in google directions which got with help in stackoverflow: How to make infinite polyline in google directions and fit draggable markers to the line?. Now I trying add functionality to removing by clicking right section of road. How to remove clicked marker with right section of road and update renderer to keep continuity of polyline without this piece? Which event use to update the way (renderer)? My function don't update section of the road, now I can to remove clicked marker but can't bring section to next marker in next section of polyline and attach to this marker, how to fix this?
Whole program: JSFIDDLE
Bad working piece of my function for removing:
google.maps.event.addListener(render.markers[directionsRenderer.renderer + 1], 'click', function(e) {
render.renders[directionsRenderer.renderer + 1].setMap(null);
render.markers[directionsRenderer.renderer + 1].setPosition(render.markers[directionsRenderer.renderer + 2].getPosition());
google.maps.event.trigger(render.markers[directionsRenderer.renderer + 1], 'position_changed');
render.markers[directionsRenderer.renderer + 1].setMap(null);
// road.renders.splice(directionsRenderer.renderer+1,1);
// road.markers.splice(directionsRenderer.renderer+1,1);
});