From 6d7ea98ff30de332234c0b3574100e675d59629a Mon Sep 17 00:00:00 2001 From: Owen Rummage Date: Tue, 3 Dec 2024 13:02:44 -0600 Subject: [PATCH] READ --- README.md | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/README.md b/README.md index 5f78f12..cedc1c9 100644 --- a/README.md +++ b/README.md @@ -1 +1,44 @@ # Dotted Map but I removed alaska. + +Adds ``USA-NO-ALASKA`` country thats just the USA but without alaska because I think it looks better. Went out of my way to make this for the [NixLabs](https://nixlabs.dev) website + + +## How to use +```ts + +const map = new DottedMap({ + height: 60, + grid: "diagonal", + countries: ["USA-NO-ALASKA"], +}); + +map.addPin({ + lat: 36.8001514, + lng: -87.5445827, + svgOptions: { color: "#9f5afd", radius: 0.4 }, +}); +map.addPin({ + lat: 48.8534, + lng: 2.3488, + svgOptions: { color: "#fffcf2", radius: 0.4 }, +}); + +const svgMap = map.getSVG({ + radius: 0.22, + color: "#FAFAFA40", + shape: "circle", + backgroundColor: "#00000000", +}); + +// Do whatever you want with the SVG +// For example: Render it in ReactJS + +return ( +
+); + +// Dont actually use that code, its probably dangerous, maybe one day ill come up with a better way to do it (or you can and make a PR) +```