Mouse click on map Store Map

[himanshu tambe]

Hi 

I am handling the click on the Map. (Map Store).

I am getting the Point info (x, y and lat, lng...etc.).... the issue is Layer is coming as undefined.

Please see the below screen shot........

[Lorenzo Natali]

Hi,

layer is passed only if `handleClickOnLayer` property of the layer is true.

https://github.com/geosolutions-it/MapStore2/blob/master/web/client/components/map/openlayers/Map.jsx#L198

It is actually used only for some  special vector layers (annotations).

[Lorenzo Natali]

Please send the questions to the whole group,

Here your previous email

===========================================================

With your suggestion now ..I am getting the layer ID in the action object.

Can we handle the mouse click on base map and WMS layers ?

Sorry, I have 2 more Q.

1. How to  handle the MouseMove 

2. How to handle the Feauter Click Info

===========================================================

> With your suggestion now ..I am getting the layer ID in the action object.

Yes as I said this is a very special feature, that may be not so useful.

1) mouse move

At the moment to handle mouse move you have to send the action 

registerEventListener('mousemove', 'MyTool') and  unRegisterEventListener('mousemove', 'MyTool') to start and stop .

When the event listener is registered, you will see actions triggering while the mouse moves on the map (this registration is make only for mouse move, in order to avoid to many actions to be triggered without any reason)

2) Handle feature click info

You can use the info in the CLICK_ON_MAP to do your ajax call. There are some utility functions in the web/client/api/identify

[himanshu tambe]

Thanks for responses so far...that helped.

I have handled the Mouse move, it is working but I am also getting the error in the console .... any one has any idea to fix it. 

Error in epic "mouseMoveMapEventEpic". Original error: TypeError: Cannot read property 'mouseOut' of undefined

    at t.project (ms2-api.js:134)

    at t._next (ms2-api.js:125)

    at t.next (ms2-api.js:125)

    at t.debouncedNext (ms2-api.js:125)

    at t.l (ms2-api.js:125)

    at t._execute (ms2-api.js:125)

    at t.execute (ms2-api.js:125)

    at t.flush (ms2-api.js:125)

    at timer (zone-evergreen.js:2561)

    at ZoneDelegate.invokeTask (zone-evergreen.js:406)

This is how, I have implemented it...

MapStore2.triggerAction({

    eventName: "mousemove",

    toolName: "mouseposition",

    type: "REGISTER_EVENT_LISTENER"

  })

 

    MapStore2.onAction('MOUSE_MOVE', function(action) {

      console.log('MOUSE_MOVE: ', action);

    });

[Lorenzo Natali]

Looking at the error, it seems that have been fixed contextually with this issue and it should be available in the next stable release.

https://github.com/geosolutions-it/MapStore2/issues/6869

You can try the master to verify it works.