owen/dotted-map-no-alaska
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add avoidOuterPins support

Browse Source
This commit is contained in:
8to
2020-11-04 15:26:20 -06:00
parent b72ea10108
commit 2cd9a0727e
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+1
View File
@@ -50,6 +50,7 @@ const map = new DottedMap({
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) 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
avoidOuterPins: false | true, // if it's true, prevent adding pins when they are outside of region/countries
}); });
// Add some points/change the color of existing points // Add some points/change the color of existing points
index.js
+5 -1
View File
@@ -61,7 +61,7 @@ const computeGeojsonBox = (geojson) => {
} }
}; };
function DottedMap({ height = 0, width = 0, countries = [], region, grid = 'vertical' }) { function DottedMap({ height = 0, width = 0, countries = [], region, grid = 'vertical', avoidOuterPins = false }) {
if (height <= 0 && width <= 0) { if (height <= 0 && width <= 0) {
throw new Error('height or width is required'); throw new Error('height or width is required');
} }
@@ -118,6 +118,10 @@ function DottedMap({ height = 0, width = 0, countries = [], region, grid = 'vert
return { return {
addPin({ lat, lng, data, svgOptions }) { addPin({ lat, lng, data, svgOptions }) {
const [googleX, googleY] = proj4(proj4.defs('GOOGLE'), [lng, lat]); const [googleX, googleY] = proj4(proj4.defs('GOOGLE'), [lng, lat]);
if (avoidOuterPins) {
const wgs84Point = proj4(proj4.defs('GOOGLE'), proj4.defs('WGS84'), [googleX, googleY])
if (!inside(wgs84Point, poly)) return;
}
let [rawX, rawY] = [(width * (googleX - X_MIN)) / X_RANGE, (height * (Y_MAX - googleY)) / Y_RANGE]; let [rawX, rawY] = [(width * (googleX - X_MIN)) / X_RANGE, (height * (Y_MAX - googleY)) / Y_RANGE];
const y = Math.round(rawY / ystep); const y = Math.round(rawY / ystep);
if (y % 2 === 0 && grid === 'diagonal') { if (y % 2 === 0 && grid === 'diagonal') {