d3-geo Удалить (или скрыть) пограничные линии - PullRequest
Новая
       27

d3-geo Удалить (или скрыть) пограничные линии

0 голосов
/ 28 октября 2019

Я последовал за постом М. Бостока , чтобы создать карту. Мой немного отличается, так как я использовал пакеты npm и собрал его в React.

Как удалить граничные линии (я установил GDAL в соответствии с инструкциями Майка, так что инструменты командной строки доступны)или альтернативно скрыть границы? Это границы между Англией, Уэльсом и Шотландией, которые Майк использует для окраски каждой области по-разному здесь .

Используемые мною данные GeoJson содержат Англию, Уэльс и Шотландию в качестве отдельных объектов - IЯ рад объединить их или использовать топойсон вместо этого, если это проще ...

Вот листинг кода: 

import React from 'react'
import {geoAlbers, geoPath} from 'd3-geo'
import {data} from './data/eng_wales_scotland'

const svgStyle = {
    border: '1px black solid'
};
const style = {
    fill: 'none',
    stroke: 'black'
};

const features = data;
const width = 430,
    height = 580;

const Map01 = () => {
    const projection = geoAlbers()
        .center([0, 55.4])
        .rotate([4.4, 0])
        .parallels([50, 60])
        .scale(width * 5.6)
        .translate([width / 2, height / 2]);

    const pathGenerator = geoPath().projection(projection);
    const countries = features.features
        .map((d, i) => <path key={i} d={pathGenerator(d)} style={style} />);

    return (
        <svg width={width} height={height} style={svgStyle}>
            {countries}
        </svg>
    )
};

Набор данных, который я использую: eng_wales_scotland.js

...