dotted-map 3.0.0 → 3.1.0

package/README.md

@@ -7,6 +7,8 @@
 
   <img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/world-diagonal-circle-dark.svg" width="100%" />
 
+  <img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/world-orthographic-circle-dark.svg" width="100%" />
+
   <img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/france-diagonal-hexagon-light.svg" height="150px" />
   <img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/italy-diagonal-hexagon-light.svg" height="150px" />
   <img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/uk-diagonal-hexagon-light.svg" height="150px" />
@@ -124,9 +126,10 @@ import DottedMap from 'dotted-map';
 const map = new DottedMap({
   height,
   width, // just specify either height or width, so the ratio of the map is correct
-  countries: ['FRA'] // look into `countries.geo.json` to see which keys to use. You can also omit this parameter and the whole world will be used
+  countries: [‘FRA’] // look into `countries.geo.json` to see which keys to use. You can also omit this parameter and the whole world will be used
   region: { lat: { min, max }, lng: { min, max } }, // if not present, it will fit the countries (and if no country is specified, the whole world)
-  grid: 'vertical' | 'diagonal', // how points should be aligned
+  grid: ‘vertical’ | ‘diagonal’, // how points should be aligned
+  projection: { name, center }, // optional, see below
   avoidOuterPins: false | true, // if it’s true, prevent adding pins when they are outside of region/countries
 });
 
@@ -152,6 +155,39 @@ map.getSVG({
 // <svg><circle … /><circle …></svg>
 ```
 
+### Projection
+
+By default, the map uses the Mercator projection. You can optionally pass a `projection` parameter to use a different one:
+
+```js
+const map = new DottedMap({
+  height: 60,
+  grid: 'diagonal',
+  projection: { name: 'robinson' },
+});
+```
+
+Available projections: `mercator` (default), `equirectangular`, `robinson`, `equalEarth`, `mollweide`, `miller`, `sinusoidal`, `orthographic`, `gallPeters`, `vanDerGrinten`.
+
+You can also pass a `center` to shift the map's center point. This is especially useful for `orthographic` (which shows a single hemisphere) but works with any projection:
+
+```js
+// Orthographic projection centered on North America
+const map = new DottedMap({
+  height: 60,
+  grid: 'diagonal',
+  projection: { name: 'orthographic', center: { lat: 40, lng: -100 } },
+});
+
+// Robinson projection centered on the Pacific
+const map = new DottedMap({
+  height: 60,
+  projection: { name: 'robinson', center: { lat: 0, lng: 150 } },
+});
+```
+
+Note: for `orthographic`, pins on the back side of the globe (not visible) will be ignored.
+
 ## Acknowledgments
 
 Countries are from https://github.com/johan/world.geo.json.

package/dist/index.cjs

@@ -12766,6 +12766,26 @@ var countries_geo_default = {
 
 //#endregion
 //#region src/with-countries.ts
+const PROJECTIONS = {
+	mercator: "+proj=merc +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equirectangular: "+proj=eqc +lon_0={lng} +lat_ts=0 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	robinson: "+proj=robin +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equalEarth: "+proj=eqearth +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	mollweide: "+proj=moll +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	miller: "+proj=mill +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	sinusoidal: "+proj=sinu +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	orthographic: "+proj=ortho +lat_0={lat} +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	gallPeters: "+proj=cea +lon_0={lng} +lat_ts=45 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	vanDerGrinten: "+proj=vandg +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m"
+};
+const DEFAULT_PROJECTION = { name: "mercator" };
+const getProj4String = (projection = DEFAULT_PROJECTION) => {
+	const template = PROJECTIONS[projection.name];
+	const lat = projection.center?.lat ?? 0;
+	const lng = projection.center?.lng ?? 0;
+	return template.replace("{lat}", String(lat)).replace("{lng}", String(lng));
+};
+const isFinitePoint = (point) => point.every((v) => Number.isFinite(v));
 const typedWorld = countries_geo_default;
 const geojsonByCountry = typedWorld.features.reduce((countries, feature) => {
 	countries[feature.id] = feature;
@@ -12788,8 +12808,8 @@ const DEFAULT_WORLD_REGION = {
 		max: 71
 	},
 	lng: {
-		min: -179,
-		max: 179
+		min: -168,
+		max: 168
 	}
 };
 const computeGeojsonBox = (geojson) => {
@@ -12826,8 +12846,9 @@ const computeGeojsonBox = (geojson) => {
 		};
 	} else throw new Error(`Unknown geojson type ${geojson.type}`);
 };
-const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertical" }) => {
+const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertical", projection = DEFAULT_PROJECTION }) => {
 	if (height <= 0 && width <= 0) throw new Error("height or width is required");
+	const proj4String = getProj4String(projection);
 	let geojson = typedWorld;
 	let resolvedRegion = region;
 	if (countries.length > 0) {
@@ -12838,8 +12859,34 @@ const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertica
 		if (!resolvedRegion) resolvedRegion = computeGeojsonBox(geojson);
 	} else if (!resolvedRegion) resolvedRegion = DEFAULT_WORLD_REGION;
 	const poly = geojsonToMultiPolygons(geojson);
-	const [X_MIN, Y_MIN] = (0, proj4.default)("GOOGLE", [resolvedRegion.lng.min, resolvedRegion.lat.min]);
-	const [X_MAX, Y_MAX] = (0, proj4.default)("GOOGLE", [resolvedRegion.lng.max, resolvedRegion.lat.max]);
+	const SAMPLES = 100;
+	const r = resolvedRegion;
+	let X_MIN = Infinity;
+	let Y_MIN = Infinity;
+	let X_MAX = -Infinity;
+	let Y_MAX = -Infinity;
+	for (let i = 0; i <= SAMPLES; i++) {
+		const frac = i / SAMPLES;
+		const sampleLat = r.lat.min + frac * (r.lat.max - r.lat.min);
+		const sampleLng = r.lng.min + frac * (r.lng.max - r.lng.min);
+		const candidates = [
+			[sampleLng, r.lat.min],
+			[sampleLng, r.lat.max],
+			[r.lng.min, sampleLat],
+			[r.lng.max, sampleLat],
+			[sampleLng, sampleLat]
+		];
+		for (const point of candidates) {
+			const [px, py] = (0, proj4.default)(proj4String, point);
+			if (Number.isFinite(px) && Number.isFinite(py)) {
+				X_MIN = Math.min(X_MIN, px);
+				Y_MIN = Math.min(Y_MIN, py);
+				X_MAX = Math.max(X_MAX, px);
+				Y_MAX = Math.max(Y_MAX, py);
+			}
+		}
+	}
+	if (!Number.isFinite(X_MIN)) throw new Error("No valid projected points found for the given region and projection");
 	const X_RANGE = X_MAX - X_MIN;
 	const Y_RANGE = Y_MAX - Y_MIN;
 	if (width <= 0) width = Math.round(height * X_RANGE / Y_RANGE);
@@ -12849,7 +12896,9 @@ const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertica
 	for (let y = 0; y * ystep < height; y += 1) for (let x = 0; x < width; x += 1) {
 		const localx = y % 2 === 0 && grid === "diagonal" ? x + .5 : x;
 		const localy = y * ystep;
-		if ((0, _turf_boolean_point_in_polygon.default)((0, proj4.default)("GOOGLE", "WGS84", [localx / width * X_RANGE + X_MIN, Y_MAX - localy / height * Y_RANGE]), poly)) points[[x, y].join(";")] = {
+		const wgs84Point = (0, proj4.default)(proj4String, "WGS84", [localx / width * X_RANGE + X_MIN, Y_MAX - localy / height * Y_RANGE]);
+		if (!isFinitePoint(wgs84Point) || !(0, _turf_boolean_point_in_polygon.default)(wgs84Point, poly)) continue;
+		points[[x, y].join(";")] = {
 			x: localx,
 			y: localy
 		};
@@ -12866,17 +12915,19 @@ const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertica
 		grid,
 		height,
 		width,
-		ystep
+		ystep,
+		projection
 	};
 };
 const getMapJSON = (props) => JSON.stringify(getMap(props));
-const getCacheKey = ({ height = 0, width = 0, countries = [], region, grid = "vertical" }) => {
+const getCacheKey = ({ height = 0, width = 0, countries = [], region, grid = "vertical", projection = DEFAULT_PROJECTION }) => {
 	return [
 		JSON.stringify(region),
 		grid,
 		height,
 		width,
-		JSON.stringify(countries)
+		JSON.stringify(countries),
+		JSON.stringify(projection)
 	].join(" ");
 };
 var DottedMap = class extends require_without_countries {

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { a as MapSettings, c as Region, s as Point, t as DottedMapSettings } from "./types-ByIhMtjO.cjs";
+import { a as MapSettings, c as Projection, l as ProjectionName, s as Point, t as DottedMapSettings, u as Region } from "./types-vOcy-UuQ.cjs";
 import DottedMapWithoutCountries from "./without-countries.cjs";
 
 //#region src/with-countries.d.ts
@@ -10,4 +10,4 @@ declare class DottedMap extends DottedMapWithoutCountries {
   }: DottedMapSettings);
 }
 //#endregion
-export { type DottedMapSettings, DottedMapWithoutCountries, type MapSettings, type Point, type Region, DottedMap as default, getMapJSON };
+export { type DottedMapSettings, DottedMapWithoutCountries, type MapSettings, type Point, type Projection, type ProjectionName, type Region, DottedMap as default, getMapJSON };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as MapSettings, c as Region, s as Point, t as DottedMapSettings } from "./types-UL1f7mia.mjs";
+import { a as MapSettings, c as Projection, l as ProjectionName, s as Point, t as DottedMapSettings, u as Region } from "./types-F6gvGCSl.mjs";
 import DottedMapWithoutCountries from "./without-countries.mjs";
 
 //#region src/with-countries.d.ts
@@ -10,4 +10,4 @@ declare class DottedMap extends DottedMapWithoutCountries {
   }: DottedMapSettings);
 }
 //#endregion
-export { type DottedMapSettings, DottedMapWithoutCountries, type MapSettings, type Point, type Region, DottedMap as default, getMapJSON };
+export { type DottedMapSettings, DottedMapWithoutCountries, type MapSettings, type Point, type Projection, type ProjectionName, type Region, DottedMap as default, getMapJSON };

package/dist/index.mjs

@@ -12762,6 +12762,26 @@ var countries_geo_default = {
 
 //#endregion
 //#region src/with-countries.ts
+const PROJECTIONS = {
+	mercator: "+proj=merc +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equirectangular: "+proj=eqc +lon_0={lng} +lat_ts=0 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	robinson: "+proj=robin +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equalEarth: "+proj=eqearth +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	mollweide: "+proj=moll +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	miller: "+proj=mill +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	sinusoidal: "+proj=sinu +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	orthographic: "+proj=ortho +lat_0={lat} +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	gallPeters: "+proj=cea +lon_0={lng} +lat_ts=45 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	vanDerGrinten: "+proj=vandg +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m"
+};
+const DEFAULT_PROJECTION = { name: "mercator" };
+const getProj4String = (projection = DEFAULT_PROJECTION) => {
+	const template = PROJECTIONS[projection.name];
+	const lat = projection.center?.lat ?? 0;
+	const lng = projection.center?.lng ?? 0;
+	return template.replace("{lat}", String(lat)).replace("{lng}", String(lng));
+};
+const isFinitePoint = (point) => point.every((v) => Number.isFinite(v));
 const typedWorld = countries_geo_default;
 const geojsonByCountry = typedWorld.features.reduce((countries, feature) => {
 	countries[feature.id] = feature;
@@ -12784,8 +12804,8 @@ const DEFAULT_WORLD_REGION = {
 		max: 71
 	},
 	lng: {
-		min: -179,
-		max: 179
+		min: -168,
+		max: 168
 	}
 };
 const computeGeojsonBox = (geojson) => {
@@ -12822,8 +12842,9 @@ const computeGeojsonBox = (geojson) => {
 		};
 	} else throw new Error(`Unknown geojson type ${geojson.type}`);
 };
-const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertical" }) => {
+const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertical", projection = DEFAULT_PROJECTION }) => {
 	if (height <= 0 && width <= 0) throw new Error("height or width is required");
+	const proj4String = getProj4String(projection);
 	let geojson = typedWorld;
 	let resolvedRegion = region;
 	if (countries.length > 0) {
@@ -12834,8 +12855,34 @@ const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertica
 		if (!resolvedRegion) resolvedRegion = computeGeojsonBox(geojson);
 	} else if (!resolvedRegion) resolvedRegion = DEFAULT_WORLD_REGION;
 	const poly = geojsonToMultiPolygons(geojson);
-	const [X_MIN, Y_MIN] = proj4("GOOGLE", [resolvedRegion.lng.min, resolvedRegion.lat.min]);
-	const [X_MAX, Y_MAX] = proj4("GOOGLE", [resolvedRegion.lng.max, resolvedRegion.lat.max]);
+	const SAMPLES = 100;
+	const r = resolvedRegion;
+	let X_MIN = Infinity;
+	let Y_MIN = Infinity;
+	let X_MAX = -Infinity;
+	let Y_MAX = -Infinity;
+	for (let i = 0; i <= SAMPLES; i++) {
+		const frac = i / SAMPLES;
+		const sampleLat = r.lat.min + frac * (r.lat.max - r.lat.min);
+		const sampleLng = r.lng.min + frac * (r.lng.max - r.lng.min);
+		const candidates = [
+			[sampleLng, r.lat.min],
+			[sampleLng, r.lat.max],
+			[r.lng.min, sampleLat],
+			[r.lng.max, sampleLat],
+			[sampleLng, sampleLat]
+		];
+		for (const point of candidates) {
+			const [px, py] = proj4(proj4String, point);
+			if (Number.isFinite(px) && Number.isFinite(py)) {
+				X_MIN = Math.min(X_MIN, px);
+				Y_MIN = Math.min(Y_MIN, py);
+				X_MAX = Math.max(X_MAX, px);
+				Y_MAX = Math.max(Y_MAX, py);
+			}
+		}
+	}
+	if (!Number.isFinite(X_MIN)) throw new Error("No valid projected points found for the given region and projection");
 	const X_RANGE = X_MAX - X_MIN;
 	const Y_RANGE = Y_MAX - Y_MIN;
 	if (width <= 0) width = Math.round(height * X_RANGE / Y_RANGE);
@@ -12845,7 +12892,9 @@ const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertica
 	for (let y = 0; y * ystep < height; y += 1) for (let x = 0; x < width; x += 1) {
 		const localx = y % 2 === 0 && grid === "diagonal" ? x + .5 : x;
 		const localy = y * ystep;
-		if (booleanPointInPolygon(proj4("GOOGLE", "WGS84", [localx / width * X_RANGE + X_MIN, Y_MAX - localy / height * Y_RANGE]), poly)) points[[x, y].join(";")] = {
+		const wgs84Point = proj4(proj4String, "WGS84", [localx / width * X_RANGE + X_MIN, Y_MAX - localy / height * Y_RANGE]);
+		if (!isFinitePoint(wgs84Point) || !booleanPointInPolygon(wgs84Point, poly)) continue;
+		points[[x, y].join(";")] = {
 			x: localx,
 			y: localy
 		};
@@ -12862,17 +12911,19 @@ const getMap = ({ height = 0, width = 0, countries = [], region, grid = "vertica
 		grid,
 		height,
 		width,
-		ystep
+		ystep,
+		projection
 	};
 };
 const getMapJSON = (props) => JSON.stringify(getMap(props));
-const getCacheKey = ({ height = 0, width = 0, countries = [], region, grid = "vertical" }) => {
+const getCacheKey = ({ height = 0, width = 0, countries = [], region, grid = "vertical", projection = DEFAULT_PROJECTION }) => {
 	return [
 		JSON.stringify(region),
 		grid,
 		height,
 		width,
-		JSON.stringify(countries)
+		JSON.stringify(countries),
+		JSON.stringify(projection)
 	].join(" ");
 };
 var DottedMap = class extends DottedMapWithoutCountries {

package/dist/{types-ByIhMtjO.d.cts → types-F6gvGCSl.d.mts}

@@ -1,4 +1,12 @@
 //#region src/types.d.ts
+type ProjectionName = 'mercator' | 'equirectangular' | 'robinson' | 'equalEarth' | 'mollweide' | 'miller' | 'sinusoidal' | 'orthographic' | 'gallPeters' | 'vanDerGrinten';
+interface Projection {
+  name: ProjectionName;
+  center?: {
+    lat: number;
+    lng: number;
+  };
+}
 interface Region {
   lat: {
     min: number;
@@ -15,6 +23,7 @@ interface MapSettings {
   countries?: string[];
   region?: Region;
   grid?: 'vertical' | 'diagonal';
+  projection?: Projection;
 }
 interface DottedMapSettings extends MapSettings {
   avoidOuterPins?: boolean;
@@ -60,6 +69,7 @@ interface MapData {
   height: number;
   width: number;
   ystep: number;
+  projection?: Projection;
 }
 interface ImageInfo {
   region: Region;
@@ -67,4 +77,4 @@ interface ImageInfo {
   height: number;
 }
 //#endregion
-export { MapSettings as a, Region as c, MapData as i, SvgSettings as l, DottedMapWithoutCountriesSettings as n, PinInput as o, ImageInfo as r, Point as s, DottedMapSettings as t };
+export { MapSettings as a, Projection as c, SvgSettings as d, MapData as i, ProjectionName as l, DottedMapWithoutCountriesSettings as n, PinInput as o, ImageInfo as r, Point as s, DottedMapSettings as t, Region as u };

package/dist/{types-UL1f7mia.d.mts → types-vOcy-UuQ.d.cts}

@@ -1,4 +1,12 @@
 //#region src/types.d.ts
+type ProjectionName = 'mercator' | 'equirectangular' | 'robinson' | 'equalEarth' | 'mollweide' | 'miller' | 'sinusoidal' | 'orthographic' | 'gallPeters' | 'vanDerGrinten';
+interface Projection {
+  name: ProjectionName;
+  center?: {
+    lat: number;
+    lng: number;
+  };
+}
 interface Region {
   lat: {
     min: number;
@@ -15,6 +23,7 @@ interface MapSettings {
   countries?: string[];
   region?: Region;
   grid?: 'vertical' | 'diagonal';
+  projection?: Projection;
 }
 interface DottedMapSettings extends MapSettings {
   avoidOuterPins?: boolean;
@@ -60,6 +69,7 @@ interface MapData {
   height: number;
   width: number;
   ystep: number;
+  projection?: Projection;
 }
 interface ImageInfo {
   region: Region;
@@ -67,4 +77,4 @@ interface ImageInfo {
   height: number;
 }
 //#endregion
-export { MapSettings as a, Region as c, MapData as i, SvgSettings as l, DottedMapWithoutCountriesSettings as n, PinInput as o, ImageInfo as r, Point as s, DottedMapSettings as t };
+export { MapSettings as a, Projection as c, SvgSettings as d, MapData as i, ProjectionName as l, DottedMapWithoutCountriesSettings as n, PinInput as o, ImageInfo as r, Point as s, DottedMapSettings as t, Region as u };

package/dist/without-countries.cjs

@@ -3,6 +3,25 @@ let proj4 = require("proj4");
 proj4 = require_chunk.__toESM(proj4);
 
 //#region src/without-countries.ts
+const PROJECTIONS = {
+	mercator: "+proj=merc +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equirectangular: "+proj=eqc +lon_0={lng} +lat_ts=0 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	robinson: "+proj=robin +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equalEarth: "+proj=eqearth +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	mollweide: "+proj=moll +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	miller: "+proj=mill +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	sinusoidal: "+proj=sinu +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	orthographic: "+proj=ortho +lat_0={lat} +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	gallPeters: "+proj=cea +lon_0={lng} +lat_ts=45 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	vanDerGrinten: "+proj=vandg +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m"
+};
+const DEFAULT_PROJECTION = { name: "mercator" };
+const getProj4String = (projection = DEFAULT_PROJECTION) => {
+	const template = PROJECTIONS[projection.name];
+	const lat = projection.center?.lat ?? 0;
+	const lng = projection.center?.lng ?? 0;
+	return template.replace("{lat}", String(lat)).replace("{lng}", String(lng));
+};
 var DottedMapWithoutCountries = class {
 	constructor({ map, avoidOuterPins = false }) {
 		this.points = map.points;
@@ -16,6 +35,7 @@ var DottedMapWithoutCountries = class {
 		this.height = map.height;
 		this.ystep = map.ystep;
 		this.avoidOuterPins = avoidOuterPins;
+		this.proj4String = getProj4String(map.projection ?? DEFAULT_PROJECTION);
 		this.image = {
 			region: map.region,
 			width: map.width,
@@ -37,16 +57,20 @@ var DottedMapWithoutCountries = class {
 		return point;
 	}
 	getPin({ lat, lng }) {
-		const [googleX, googleY] = (0, proj4.default)("GOOGLE", [lng, lat]);
+		const projected = (0, proj4.default)(this.proj4String, [lng, lat]);
+		if (!projected.every((v) => Number.isFinite(v))) return;
+		const [projX, projY] = projected;
 		if (this.avoidOuterPins) return;
-		let rawX = this.width * (googleX - this.X_MIN) / this.X_RANGE;
-		const rawY = this.height * (this.Y_MAX - googleY) / this.Y_RANGE;
+		let rawX = this.width * (projX - this.X_MIN) / this.X_RANGE;
+		const rawY = this.height * (this.Y_MAX - projY) / this.Y_RANGE;
 		const y = Math.round(rawY / this.ystep);
 		if (y % 2 === 0 && this.grid === "diagonal") rawX -= .5;
 		let localx = Math.round(rawX);
 		const localy = Math.round(y) * this.ystep;
 		if (y % 2 === 0 && this.grid === "diagonal") localx += .5;
-		const [localLng, localLat] = (0, proj4.default)("GOOGLE", "WGS84", [localx * this.X_RANGE / this.width + this.X_MIN, this.Y_MAX - localy * this.Y_RANGE / this.height]);
+		const inverse = (0, proj4.default)(this.proj4String, "WGS84", [localx * this.X_RANGE / this.width + this.X_MIN, this.Y_MAX - localy * this.Y_RANGE / this.height]);
+		if (!inverse.every((v) => Number.isFinite(v))) return;
+		const [localLng, localLat] = inverse;
 		return {
 			x: localx,
 			y: localy,

package/dist/without-countries.d.cts

@@ -1,4 +1,4 @@
-import { c as Region, i as MapData, l as SvgSettings, n as DottedMapWithoutCountriesSettings, o as PinInput, r as ImageInfo, s as Point } from "./types-ByIhMtjO.cjs";
+import { c as Projection, d as SvgSettings, i as MapData, l as ProjectionName, n as DottedMapWithoutCountriesSettings, o as PinInput, r as ImageInfo, s as Point, u as Region } from "./types-vOcy-UuQ.cjs";
 
 //#region src/without-countries.d.ts
 declare class DottedMapWithoutCountries {
@@ -13,6 +13,7 @@ declare class DottedMapWithoutCountries {
   private ystep;
   private avoidOuterPins;
   private pins;
+  private proj4String;
   image: ImageInfo;
   constructor({
     map,
@@ -40,4 +41,4 @@ declare class DottedMapWithoutCountries {
   }?: SvgSettings): string;
 }
 //#endregion
-export { type DottedMapWithoutCountriesSettings, type ImageInfo, type MapData, type PinInput, type Point, type Region, type SvgSettings, DottedMapWithoutCountries as default };
+export { type DottedMapWithoutCountriesSettings, type ImageInfo, type MapData, type PinInput, type Point, type Projection, type ProjectionName, type Region, type SvgSettings, DottedMapWithoutCountries as default };

package/dist/without-countries.d.mts

@@ -1,4 +1,4 @@
-import { c as Region, i as MapData, l as SvgSettings, n as DottedMapWithoutCountriesSettings, o as PinInput, r as ImageInfo, s as Point } from "./types-UL1f7mia.mjs";
+import { c as Projection, d as SvgSettings, i as MapData, l as ProjectionName, n as DottedMapWithoutCountriesSettings, o as PinInput, r as ImageInfo, s as Point, u as Region } from "./types-F6gvGCSl.mjs";
 
 //#region src/without-countries.d.ts
 declare class DottedMapWithoutCountries {
@@ -13,6 +13,7 @@ declare class DottedMapWithoutCountries {
   private ystep;
   private avoidOuterPins;
   private pins;
+  private proj4String;
   image: ImageInfo;
   constructor({
     map,
@@ -40,4 +41,4 @@ declare class DottedMapWithoutCountries {
   }?: SvgSettings): string;
 }
 //#endregion
-export { type DottedMapWithoutCountriesSettings, type ImageInfo, type MapData, type PinInput, type Point, type Region, type SvgSettings, DottedMapWithoutCountries as default };
+export { type DottedMapWithoutCountriesSettings, type ImageInfo, type MapData, type PinInput, type Point, type Projection, type ProjectionName, type Region, type SvgSettings, DottedMapWithoutCountries as default };

package/dist/without-countries.mjs

@@ -1,6 +1,25 @@
 import proj4 from "proj4";
 
 //#region src/without-countries.ts
+const PROJECTIONS = {
+	mercator: "+proj=merc +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equirectangular: "+proj=eqc +lon_0={lng} +lat_ts=0 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	robinson: "+proj=robin +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	equalEarth: "+proj=eqearth +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	mollweide: "+proj=moll +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	miller: "+proj=mill +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	sinusoidal: "+proj=sinu +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	orthographic: "+proj=ortho +lat_0={lat} +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	gallPeters: "+proj=cea +lon_0={lng} +lat_ts=45 +x_0=0 +y_0=0 +datum=WGS84 +units=m",
+	vanDerGrinten: "+proj=vandg +lon_0={lng} +x_0=0 +y_0=0 +datum=WGS84 +units=m"
+};
+const DEFAULT_PROJECTION = { name: "mercator" };
+const getProj4String = (projection = DEFAULT_PROJECTION) => {
+	const template = PROJECTIONS[projection.name];
+	const lat = projection.center?.lat ?? 0;
+	const lng = projection.center?.lng ?? 0;
+	return template.replace("{lat}", String(lat)).replace("{lng}", String(lng));
+};
 var DottedMapWithoutCountries = class {
 	constructor({ map, avoidOuterPins = false }) {
 		this.points = map.points;
@@ -14,6 +33,7 @@ var DottedMapWithoutCountries = class {
 		this.height = map.height;
 		this.ystep = map.ystep;
 		this.avoidOuterPins = avoidOuterPins;
+		this.proj4String = getProj4String(map.projection ?? DEFAULT_PROJECTION);
 		this.image = {
 			region: map.region,
 			width: map.width,
@@ -35,16 +55,20 @@ var DottedMapWithoutCountries = class {
 		return point;
 	}
 	getPin({ lat, lng }) {
-		const [googleX, googleY] = proj4("GOOGLE", [lng, lat]);
+		const projected = proj4(this.proj4String, [lng, lat]);
+		if (!projected.every((v) => Number.isFinite(v))) return;
+		const [projX, projY] = projected;
 		if (this.avoidOuterPins) return;
-		let rawX = this.width * (googleX - this.X_MIN) / this.X_RANGE;
-		const rawY = this.height * (this.Y_MAX - googleY) / this.Y_RANGE;
+		let rawX = this.width * (projX - this.X_MIN) / this.X_RANGE;
+		const rawY = this.height * (this.Y_MAX - projY) / this.Y_RANGE;
 		const y = Math.round(rawY / this.ystep);
 		if (y % 2 === 0 && this.grid === "diagonal") rawX -= .5;
 		let localx = Math.round(rawX);
 		const localy = Math.round(y) * this.ystep;
 		if (y % 2 === 0 && this.grid === "diagonal") localx += .5;
-		const [localLng, localLat] = proj4("GOOGLE", "WGS84", [localx * this.X_RANGE / this.width + this.X_MIN, this.Y_MAX - localy * this.Y_RANGE / this.height]);
+		const inverse = proj4(this.proj4String, "WGS84", [localx * this.X_RANGE / this.width + this.X_MIN, this.Y_MAX - localy * this.Y_RANGE / this.height]);
+		if (!inverse.every((v) => Number.isFinite(v))) return;
+		const [localLng, localLat] = inverse;
 		return {
 			x: localx,
 			y: localy,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dotted-map",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Create a SVG map filled with dots for the world or countries",
   "type": "module",
   "main": "./dist/index.cjs",