So overall my map looks the same like what I draw in QGIS. The issue is that when I zoom in, in that case 54x then you can see ragged lines.

QGIS enter image description here

Browser enter image description here

That is not what I need. I need high details also by zooming in. So how can I improve that.

One thing I could do is simplyfying the topojson file. But that's not a solution because I need that high quality lines because my map is often used by zooming in.

Also I could smooth the lines a bit. But already tested and still looking bad.

So how can I also by zooming in show max details. How can I tell QGIS to give more details. Or is it something of the projection? I'm using this projection: +proj=eqc +a=190493.11 +lat_ts=0 +lon_0=0 +rf=800 +units=m +no_defs. But I don't think that I can change it without loosing all right?

  • What kind of data (vector or raster) do you use, and how do you display the QGIS output in your browser? – AndreJ Mar 1 '15 at 14:50
  • Well the picture from QGIS is a TIF picture. And there I draw a polygon on. Then I export as geojson all the different layers. And finally with topojson merging als geojson's to one topojson. Then I show it with D3. – kwoxer Mar 1 '15 at 16:22
  • Unfortunately nothing I work with. Could the edges come from a limited precision of your topojson coordinates, compared to those of QGIS layers? – AndreJ Mar 1 '15 at 17:15
  • 1
    Here you have a CRS with degrees as units (longlat) and an ellipsoid that makes sense. You can not simply call it meters on a half-sized planet if you hand it over to D3. Instead, you have to use Save as to another file and a different projection with meters as units. Then you get reasonable coordinates in meters. – AndreJ Mar 2 '15 at 10:21
  • 1
    Maybe you should reproject to meters first, then simplify. – AndreJ Mar 2 '15 at 11:13

Like AndreJ described, I should resave all the layers to a better projection or whatever. But I don't know if this is resolving my issue as I wish. So I now use CSS strokes with some round lines like this:

 fill: #188;
 fill-opacity: 0.7;
 stroke-width: 0.3px;
 stroke: #188;
 stroke-linejoin: round;
 stroke-miterlimit: 2;

enter image description here

Yeah not the best or the correct lines but at least not ragged anymore.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.