[Geomoose-users] Geomoose 3 onclick action

[Reynolds, Michael J. (MNIT)]

The onClick would be in a search template used for rendering search results.  Once rendered and displayed to the user, the user could click the <a> and the onClick would execute the function to zoom to the location.

<div class="search-result">
                <div class="search-label">
                                {{ properties.name }}     </div>
                <div class="search-action">
                                <div style="padding: 2px">
                                                <a onclick='app.zoomToCoordinates([{{ geometry.coordinates.0 }},{{ geometry.coordinates.1 }}], 26915, 16)' class="zoomto-link">
                                                                <i class="fa fa-search"></i>
                                                                Zoom!
                                                </a>
                                </div>
                </div>
</div>

From: James Klassen [mailto:klassen.js at gmail.com]
Sent: Wednesday, November 28, 2018 10:44 AM
To: Reynolds, Michael J. (MNIT) <mike.reynolds at state.mn.us>
Cc: GeoMOOSE Users List <geomoose-users at lists.osgeo.org>
Subject: Re: [Geomoose-users] Geomoose 3 onclick action

I'm lost.  Where is the onClick coming from (DOM element, general description, ...)?

I know you can create a service that asks the user to click a point on the map and returns the coordinate, etc.  You can call the app.* from the HTML returned by the service rendering template (and maybe even earlier) without worrying about react/dispatch/etc.

I am working on a jump to USNG coordinate service in a branch on my fork (klassenjs/gm3) that does both of the above.

On Tue, Nov 27, 2018, 06:39 Reynolds, Michael J. (MNIT) <mike.reynolds at state.mn.us<mailto:mike.reynolds at state.mn.us> wrote:
We're trying to create an onClick() event that passes coordinates, srid, and zoom level in and moves the map to that location.

It seems like the onClick event would need to create an action loaded with the parameters, register and then dispatch or run it, so would that be a  function we create in our app's app.js?

Plus we would then need to create the zoom action which we would like to transform the coordinates from in-srid to web Mercator and then move the map.  Are Proj and mapActions available to actions at runtime?

onClick => app.zoomToCoordinates() => dispatch ZoomToCoordinates action to transform coordinates and move map.

There's a gm3 zoomTo() function now but it expects lat,lon.  We're not currently modifying any of the core geomoose 3 code and hoping to be able to add this modification to our app's part of the code.

Open to any ideas, even scrapping this procedure with a shorter one if there's a way to control the map without dispatching an action but that would mean the js function somehow needs access to the app Proj library and map object. Right?

Michael Reynolds

_______________________________________________
Geomoose-users mailing list
Geomoose-users at lists.osgeo.org<mailto:Geomoose-users at lists.osgeo.org>
https://lists.osgeo.org/mailman/listinfo/geomoose-users
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.osgeo.org/pipermail/geomoose-users/attachments/20181128/03b7ef47/attachment.html>