How to get viewPort of the result SVG?

[oyatek]

It seems the script just returns an array of SVG paths.
How to get the viewPort of the result SVG? (taken from geoJSON)?

[gagan-bansal]

@oyatek My apologies for late reply, by this time you would have solved your issue.

Actually viewPort size is passed as parameter when you create the instance of GeoJSON2SVG:

const {GeoJSON2SVG} = require('geojson2svg');

const converter = new GeoJSON2SVG({
  mapExtent: {left: -180, bottom: -90, right: 180, top: 90},
  viewportSize: {width: 200, height: 100},
  attributes: ['properties.class' , 'properties.foo'],
  r: 2
});`` 

[gagan-bansal]

Please reopen if issue is not resolved.

[oyatek]

I mean that for example I have geoJSON of New York City and I need to get the coordinates of the bounding box (lat/lng coords) of the whole area. GeoJSON has all coordinates so technically it should be possible to find min/max coordinates, right? But maybe not been implemented in the library yet.

[gagan-bansal]

This feature is implemented, if parameter mapExtent is not provided then the paramter mapExtentFromGeojson would be considered as true and the extent of the data set (in lat/long - same as GeoJSON coordinates) would calculated internally. Please check here https://github.com/gagan-bansal/geojson2svg?tab=readme-ov-file#initializing-the-instance

viewportSize is also important parameter, in a simple way it is your HTML div (map div) size in pixels and default is {width: 256, height: 256} , most of the cases you need to change this.

If you put your example code, we can debug more.

Please read about mapExtent also, https://github.com/gagan-bansal/geojson2svg?tab=readme-ov-file#-important-points

In case you require to calculate the data set extent, you can use https://www.npmjs.com/package/geojson-bbox

[oyatek]

Thank you very much! I will try the suggested solution.

[gagan-bansal]

Sure, once your issue is resolved we'll close this issue.