@sil/data 0.1.4 → 0.1.6

package/dist/sil-data.js

@@ -4929,7 +4929,77 @@ function _renderPaths(country, fill, stroke, strokeWidth, label) {
     return `<path${attrs} d="${d}" fill="${fill}" stroke="${stroke}" stroke-width="${strokeWidth}">${i === 0 ? title : ""}</path>`;
   }).join("");
 }
+const WORLD_MAP_WIDTH = 2e3;
+const WORLD_MAP_HEIGHT = 857;
+const COUNTRY_MAP_DEFAULTS = {
+  fill: "#d0d0d0",
+  stroke: "#ffffff",
+  strokeWidth: 0.5,
+  width: "100%",
+  height: "auto",
+  className: "",
+  showCities: true,
+  cityColor: "#555555",
+  capitalColor: "#cc2222",
+  cityRadius: 3,
+  capitalRadius: 5,
+  padding: 5
+};
+function latLonToMapPoint(lat, lon) {
+  return {
+    x: (lon + 180) * (WORLD_MAP_WIDTH / 360),
+    y: (90 - lat) * (WORLD_MAP_HEIGHT / 180)
+  };
+}
+function getCountrySubdivisionMapUrl(alpha3) {
+  const code = alpha3.toUpperCase();
+  return `https://upload.wikimedia.org/wikipedia/commons/thumb/maps/${code}.svg/800px-${code}.svg.png`;
+}
+function getCountrySvg(alpha2, options = {}) {
+  const opts = { ...COUNTRY_MAP_DEFAULTS, ...options };
+  const code = alpha2.toUpperCase();
+  const countryData = getCountryMapData(code);
+  if (!countryData || countryData.paths.length === 0) return null;
+  const geo = getCountryGeography(code);
+  if (!geo) return null;
+  const { x: x1, y: y1 } = latLonToMapPoint(geo.bounds.north, geo.bounds.west);
+  const { x: x2, y: y2 } = latLonToMapPoint(geo.bounds.south, geo.bounds.east);
+  const minX = Math.min(x1, x2) - opts.padding;
+  const minY = Math.min(y1, y2) - opts.padding;
+  const boxW = Math.abs(x2 - x1) + opts.padding * 2;
+  const boxH = Math.abs(y2 - y1) + opts.padding * 2;
+  const viewBox = `${minX.toFixed(1)} ${minY.toFixed(1)} ${boxW.toFixed(1)} ${boxH.toFixed(1)}`;
+  const pathsHtml = countryData.paths.map((d, i) => {
+    const attrs = i === 0 ? ` id="${code}" data-code="${code}" data-name="${countryData.name}"` : ` data-code="${code}"`;
+    return `<path${attrs} d="${d}" fill="${opts.fill}" stroke="${opts.stroke}" stroke-width="${opts.strokeWidth}"/>`;
+  }).join("\n  ");
+  let cityMarkersHtml = "";
+  if (opts.showCities) {
+    const citiesForCountry = getCitiesByCountry(code);
+    cityMarkersHtml = citiesForCountry.map((city) => {
+      const { x, y } = latLonToMapPoint(city.lat, city.lon);
+      const isCapital = city.capital === true;
+      const r = isCapital ? opts.capitalRadius : opts.cityRadius;
+      const color = isCapital ? opts.capitalColor : opts.cityColor;
+      const capitalAttr = isCapital ? ' data-capital="true"' : "";
+      return `<circle cx="${x.toFixed(1)}" cy="${y.toFixed(1)}" r="${r}" fill="${color}" data-city="${city.name}"${capitalAttr}><title>${city.name}${isCapital ? " (capital)" : ""}</title></circle>`;
+    }).join("\n  ");
+  }
+  const svgClass = opts.className ? ` class="${opts.className}"` : "";
+  const body = cityMarkersHtml ? `  ${pathsHtml}
+  ${cityMarkersHtml}` : `  ${pathsHtml}`;
+  return `<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="${viewBox}"
+  width="${opts.width}"
+  height="${opts.height}"${svgClass}
+  role="img"
+  aria-label="${countryData.name} map">
+${body}
+</svg>`;
+}
 export {
+  COUNTRY_MAP_DEFAULTS,
   WORLD_MAP_DEFAULTS,
   WORLD_MAP_VIEWBOX,
   bearing,
@@ -4955,6 +5025,8 @@ export {
   getCountryGeography,
   getCountryMapData,
   getCountryMapSvgUrl,
+  getCountrySubdivisionMapUrl,
+  getCountrySvg,
   getCurrencyByCode,
   getCurrencyByCountry,
   getDirectionBetweenCountries,
@@ -4975,6 +5047,7 @@ export {
   getWorldMapSvg,
   haversineDistance,
   highlightCountries,
+  latLonToMapPoint,
   phoneCountryCodes,
   searchCities,
   searchWorldMapCountries,