Skip to content
New issue

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

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

Already on GitHub? Sign in 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/[email protected]/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/[email protected]/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>
  );
}

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

No branches or pull requests

7 participants