bdatlas

v1.0.10

Published

2 months ago

Bangladesh divisions, districts, boundary, and GeoJSON map data for JavaScript and Leaflet projects.

0High
0Medium
0Low

shafin5556

bangladesh leaflet geojson map districts divisions gis

bdatlas

Bangladesh map data package for JavaScript and Leaflet projects.

It includes:

Division list
District list
Bangladesh boundary GeoJSON
ADM1 GeoJSON
ADM2 GeoJSON

Install

npm install bdatlas

If you publish it under your npm scope instead, install with:

npm install @your-npm-username/bdatlas

Plain HTML With One Import

<!doctype html>
<html>
<head>
  <meta charset="UTF-8" />
  <style>
    #map { height: 100vh; }
  </style>
</head>
<body>
  <div id="map"></div>
  <script type="module">
    import { createBDAtlasMap } from "https://cdn.jsdelivr.net/npm/[email protected]/+esm";

    await createBDAtlasMap("map", {
      mask: true,
      controls: true
    });
  </script>
</body>
</html>

The package injects Leaflet CSS and uses Leaflet internally, so you do not need a separate Leaflet import for this setup.

Built-in control features:

Division toggle
District toggle
Division dropdown and search
District dropdown and search
English and Bangla search matching
Auto focus on selected division or district
Bangla labels and popups

Usage

import L from "leaflet";
import {
  bdAdm1,
  bdAdm2,
  bangladeshBoundary,
  bdDivisions,
  bdDistricts,
  createBDAtlasMap,
  loadLeaflet,
  createCountryMaskLayer,
  createDivisionLayer,
  createDistrictLayer
} from "bdatlas";

console.log(bdDivisions.divisions);
console.log(bdDistricts.districts);

L.geoJSON(bangladeshBoundary).addTo(map);
L.geoJSON(bdAdm1).addTo(map);
L.geoJSON(bdAdm2).addTo(map);

await createBDAtlasMap("map");

const leaflet = await loadLeaflet();
const divisionLayer = await createDivisionLayer();
const districtLayer = await createDistrictLayer();

divisionLayer.addTo(map);
districtLayer.addTo(map);

Exports

import bdatlas from "bdatlas";
import {
  bdDivisions,
  bdDistricts,
  bangladeshBoundary,
  bdAdm1,
  bdAdm2,
  createBDAtlasMap,
  createLeafletMap,
  createCountryMaskLayer,
  createBoundaryLayer,
  createDivisionLayer,
  createDistrictLayer,
  ensureLeafletCss,
  loadLeaflet
} from "bdatlas";

Default export:

bdatlas.bdDivisions
bdatlas.bdDistricts
bdatlas.bangladeshBoundary
bdatlas.bdAdm1
bdatlas.bdAdm2
bdatlas.createBDAtlasMap

Publish

npm install
npm run build
npm pack --dry-run
npm publish

For a public scoped package:

npm publish --access public

Notes

Update the GitHub repository URLs in package.json before publishing.
If you want the package name to include your npm username, change name in package.json to @your-npm-username/bdatlas.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

bdatlas

Install

Plain HTML With One Import

Usage

Exports

Publish

Notes