Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Am I the only one whose map is not rendering right now? #344

Open
jungsikjeong opened this issue Oct 3, 2023 · 7 comments
Open

Am I the only one whose map is not rendering right now? #344

jungsikjeong opened this issue Oct 3, 2023 · 7 comments

Comments

@jungsikjeong
Copy link

Am I the only one whose map is not rendering right now?

const geoUrl =
  'https://raw.githubusercontent.com/deldersveld/topojson/master/world-countries.json';

If you go to this link, 404not foun will appear.

@Laurens256
Copy link

I'm having the same issue, here's another one you can use: https://unpkg.com/world-atlas@2.0.2/countries-110m.json

@iamibrahimriaz
Copy link

Same Issue I am facing now.

@ketangupta34
Copy link

same issue

@MonliH
Copy link

MonliH commented Oct 13, 2023

If you want a more reliable drop-in fix, just copy the json from web archive (https://web.archive.org/web/20230917004247/https://raw.githubusercontent.com/deldersveld/topojson/master/world-countries.json) and host the file yourself.

@tandin2000
Copy link

I couldn't find the JSON from the web archive for the url (https://raw.githubusercontent.com/deldersveld/topojson/master/countries/united-kingdom/uk-counties.json)

@CroAnna
Copy link

CroAnna commented Nov 9, 2023

Is there any solution?

@CroAnna
Copy link

CroAnna commented Nov 9, 2023

Is there any solution?

This worked for me:

import React from "react";
import { ComposableMap, Geographies, Geography } from "react-simple-maps";

const geoUrl = "https://unpkg.com/world-atlas@2.0.2/countries-110m.json"; // new url works

export default function MapTest() {
  return (
    <div className="" style={{ width: "200px" }}>
      {" "}
      <ComposableMap>
        <Geographies geography={geoUrl}>
          {({ geographies }) =>
            geographies.map((geo) => (
              <Geography key={geo.rsmKey} geography={geo} />
            ))
          }
        </Geographies>
      </ComposableMap>
    </div>
  );
}

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants