feat: New Basemap Switcher and Pin Selection State

[popkinj]

Basemap Options

• New basemap switcher
• Examples from ESRI, MapTiler and others.
• Using a stock library that required building a React component wrapper
• Currently using the default behaviour and styling of the Leaflet library

Pin Selection State

• Selected items are styled with an orange marker
• An additional hover state has been introduced that slightly resizes the map pin on mouseover events

Map Autosearch Adjustments

• Moved the place names to be first in the search results drop-down

Some screenshots

Slight hover effect scales the pin by 1.2.

Place names are now on the top of the Autosearch.

Selected items are highlighted.

Basemap switcher with 7 example layers.

---

Thanks for the PR!

Deployments, as required, will be available below:

• Frontend
• Backend

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

---

Thanks for the PR!

Deployments, as required, will be available below:

• Frontend
• Backend

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

---

Thanks for the PR!

Deployments, as required, will be available below:

• Frontend
• Backend

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

---

Thanks for the PR!

Deployments, as required, will be available below:

• Frontend
• Backend

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

[popkinj]

I'm starting to lose my love ❤️ for this basemap plugin.

After moving some things around I noticed it wasn't accepting tap events on mobile... The latest changes make up for that.
Also not happy with the arrangement here. Will look into adding the original basemap button and cram the plugin into our own reveal and hide logic.

[mishraomp]

@popkinj could you please look into the sonar issues

[popkinj]

@popkinj could you please look into the sonar issues

Yeah sure. I'll have a look after I make the above changes.

[popkinj]

Tested and working on mobile

[mishraomp]

I will wait for @kdbelair to provide his feedback, overall looks great to me, any plans to add e2e test case for the basemap switch @popkinj

[popkinj]

I will wait for @kdbelair to provide his feedback, overall looks great to me, any plans to add e2e test case for the basemap switch @popkinj

That's a good idea @mishraomp . Let's see what comes out of the Sprint Review and any other feedback. Just in case there's more changes.

[popkinj]

[sonarqubecloud]

Quality Gate passed for 'nr-omrr-transparency-frontend'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
83.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[mishraomp]

nicely done, lgtm