cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set an explicit image when dragging from the routing panel

Browse source 
This may help with #912 but at the very least it gives us a full size
image consistent with dragging marker that is already on the map.
This commit is contained in:
Tom Hughes 2015-02-26 14:06:25 +00:00
parent 7bf86b7c4e
commit 4b2c64fbed
1 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/assets/javascripts/index/directions.js
View file

@ -302,10 +302,8 @@ OSM.Directions = function (map) {
$(".routing_marker").on('dragstart', function (e) { $(".routing_marker").on('dragstart', function (e) {
e.originalEvent.dataTransfer.effectAllowed = 'move'; e.originalEvent.dataTransfer.effectAllowed = 'move';
e.originalEvent.dataTransfer.setData('id', this.id); e.originalEvent.dataTransfer.setData('id', this.id);
var xo = e.originalEvent.clientX - $(e.target).offset().left; var img = $("<img>").attr("src", $(e.originalEvent.target).attr("src"));
var yo = e.originalEvent.clientY - $(e.target).offset().top; e.originalEvent.dataTransfer.setDragImage(img.get(0), 12, 21);
e.originalEvent.dataTransfer.setData('offsetX', e.originalEvent.target.width / 2 - xo);
e.originalEvent.dataTransfer.setData('offsetY', e.originalEvent.target.height - yo);
}); });
var page = {}; var page = {};
@ -323,8 +321,7 @@ OSM.Directions = function (map) {
var oe = e.originalEvent; var oe = e.originalEvent;
var id = oe.dataTransfer.getData('id'); var id = oe.dataTransfer.getData('id');
var pt = L.DomEvent.getMousePosition(oe, map.getContainer()); // co-ordinates of the mouse pointer at present var pt = L.DomEvent.getMousePosition(oe, map.getContainer()); // co-ordinates of the mouse pointer at present
pt.x += Number(oe.dataTransfer.getData('offsetX')); pt.y += 20;
pt.y += Number(oe.dataTransfer.getData('offsetY'));
var ll = map.containerPointToLatLng(pt); var ll = map.containerPointToLatLng(pt);
endpoints[id === 'marker_from' ? 0 : 1].setLatLng(ll); endpoints[id === 'marker_from' ? 0 : 1].setLatLng(ll);
getRoute(); getRoute();