Get mouse coordinates of svg group object javascript

#Get mouse coordinates of svg group object javascript update#
#Get mouse coordinates of svg group object javascript code#

The type of device that generated the event (one of the MOZ_SOURCE_* constants). MouseEvent.mozInputSource Non-Standard Read only Instead of using this deprecated (and non-standard) property, you should use PointerEvent and look at its pressure property. The amount of pressure applied to a touch or tablet device when generating the event this value ranges between 0.0 (minimum pressure) and 1.0 (maximum pressure). MouseEvent.mozPressure Non-Standard Deprecated Read only Returns true if the shift key was down when the mouse event was fired. The Y coordinate of the mouse pointer in global (screen) coordinates.

The X coordinate of the mouse pointer in global (screen) coordinates. The secondary target for the event, if there is one. If no hit region is affected, null is returned. Returns the id of the hit region affected by the event. The Y coordinate of the mouse pointer relative to the whole document. The X coordinate of the mouse pointer relative to the whole document. The Y coordinate of the mouse pointer relative to the position of the padding edge of the target node. The X coordinate of the mouse pointer relative to the position of the padding edge of the target node. The Y coordinate of the mouse pointer relative to the position of the last mousemove event. The X coordinate of the mouse pointer relative to the position of the last mousemove event. Returns true if the meta key was down when the mouse event was fired. Returns the vertical coordinate of the event relative to the current layer. Returns the horizontal coordinate of the event relative to the current layer. Returns true if the control key was down when the mouse event was fired. The Y coordinate of the mouse pointer in local (DOM content) coordinates. The X coordinate of the mouse pointer in local (DOM content) coordinates. The buttons being pressed (if any) when the mouse event was fired. The button number that was pressed (if applicable) when the mouse event was fired.

Returns true if the alt key was down when the mouse event was fired. Var mp = webMercatorUtils.webMercatorToGeographic(evt.mapPoint) Дom.byId('info').innerHTML = mp.x.toFixed(3) + ', ' + mp.y.This interface also inherits properties of its parents, UIEvent and Event. the map is in web mercator but display coordinates in geographic (lat, long) after map loads, connect to listen to mouse move & drag events 'esri/map', 'esri/geometry/webMercatorUtils', 'dojo/dom',

#Get mouse coordinates of svg group object javascript code#

Var mp = (evt.mapPoint) Дojo.byId('info').innerHTML = mp.x + ', ' + mp.y Code Following is how the function gets the coordinates and writes them to the 'info' tag: To display the coordinates in geographic, use the utility object to perform the conversion. Since the map data is in Web Mercator the resulting coordinates will display in Web Mercator. These events both pass map point coordinates to the showCoordinates function. One listens for onMouseMove and the other listens for onMouseDrag, but they both call the function showCoordinates:Дojo.connect(map, 'onMouseMove', showCoordinates) Дojo.connect(map, 'onMouseDrag', showCoordinates) These two lines add event listeners to the map. The first (var map) is the name of the object, the second ( esri.Map) is the name of the class, and the third ('map') is the name of the div which will contain the map. 'Map' appears three times in the above line.

#Get mouse coordinates of svg group object javascript update#

This is made possible by event listeners that update the the x and y coordinates while the mouse moves.

This sample reports the coordinates of the mouse pointer as the user hovers or drags the mouse across the map.