feat: add handler for invlid coordinates

* prvent default onmouseover/onclick handler
* set bg-color of GeoLink as gray
* add title to suggest another CRS

1 files changed, 8 insertions, 1 deletions

diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 6602f29..974d4a3 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -179,7 +179,7 @@ export const generateMaps = (container, {
 
   /** Set CRS and GeoLinks */
   register(proj4)
-  fromEPSGCode(crs).then(() => {
+  fromEPSGCode(crs).then(projection => {
     const transform = proj4(crs, 'EPSG:4326').forward
 
     Array.from(container.querySelectorAll(geoLinkSelector))
@@ -200,6 +200,13 @@ export const generateMaps = (container, {
         params.set('q', `${lat},${lon}`)
         link.search = params
 
+        if (projection.getUnits() === 'degrees' &&
+          (lon > 180 || lon < -180 || lat > 90 || lat < -90)
+        ) {
+          link.dataset.valid = false
+          link.title = `Invalid Coordinate, maybe try another crs other than ${crs}`
+        }
+
         return link
       })
       .forEach(utils.createGeoLink)