You should now see the following rectangle and circle tools in the map view at https://www.inaturalist.org/observations :
https://www.inaturalist.org/journal/ahospers/97113-put-the-species-list-in-a-sidebar-rather-than-hovering-over-the-map-on-the-explore-observations-page
https://forum.inaturalist.org/t/ideas-for-a-revamped-explore-observations-search-page/8439/278
If you select either one of those shapes, you can then draw that shape directly on the map to restrict your search’s area.
Here’s an example of using the circle tool. (Note that when drawing a circle, its center will be where you start drawing the circle.)
Start with:
And then draw a circle to limit your search area:
You can expand the shape by dragging one of the white points (yellow arrow) or drag the entire shape by using the move tool on the bottom (red arrow):
Note that when you draw, resize, or move a shape, the search URL also changes to reflect the search, so you can bookmark that shape search if you want. The shape is using the Bounding Box and Circle URL params described here.
Click on either Reset (yellow arrow) or on the X
next to Custom Boundary (red arrow) to remove the shape.
Or you can just click on the Draw a rectangle/Draw a circle icon to make a new shape and remove the existing one.
Depending on character size, word length, and window size, the buttons might appear in a second row. For example, here’s what it looks like in Greek on my laptop:
Finally, if you click on “Redo search in map”, iNat will now zoom out a bit to give your new selection some context and show a clear border.
There may be some bugs and other issues, and this tool has not been translated into every langauge on iNat yet.
If you find a bug, please write a detailed report in #bug-reports.
I’ll also post these instructions in #tutorials.
https://www.inaturalist.org/journal/ahospers/97113-put-the-species-list-in-a-sidebar-rather-than-hovering-over-the-map-on-the-explore-observations-page
https://forum.inaturalist.org/t/ideas-for-a-revamped-explore-observations-search-page/8439/278
Then, click on:
<div class="col-xs-4 col-xs-offset-8">
Change margin-left from 66.66% to 110%, press ENTER:
Then click on:
<div id="observations-map"
Change height from 550px to 1500px, press ENTER:
Then, click on:
<div class="col-xs-4 col-xs-offset-8">
Change margin-left from 66.66% to 110%, press ENTER:
Then click on:
<div id="observations-map"
Change height from 550px to 1500px, press ENTER:
Press F12 to close the panel.
Now you have a large map, with the tool panel on the right:
Press F12 to close the DevTools panel of the web browser.
Now you have a large map, with the observations panel on the right:
These changes apply only to this browser tab, until you leave the map or refresh the page (press F5 or click on the refresh button of the web browser). No risk
Comments
Add a Comment