Questions tagged [react-simple-maps]
26 questions
0
votes
0 answers
when using react simple maps showing svg error?
When i am using react-simple-maps an error showing, I can't find the solution anywhere.
ERROR Invariant Violation: View config getter callback for component svg must be a function (received undefined). Make sure to start component names with a…
0
votes
1 answer
React Simple Maps overlapping maps
I have created two maps to show with React simple maps library. If I set a branch as default and click on the other branch to show its map, the one I set as default shows in the background, does not matter which one of the two branches I set as…
shakeel70
- 61
- 9
0
votes
1 answer
Add borderRadius to AnnotationLabel
I'm using react-simple-maps with react-annotation.
Right now my annotationsLabel looks the first image below:
What I want to do is add borderRadius so that the label looks like the below image:
I've read through the relevant context in the…
Samora Mabuya
- 68
- 1
- 6
0
votes
2 answers
React Tooltip doesn't close on mouse leave
I have created this map with react-simple-maps and react-tooltip. I forked from a project but my ideal scenario here is
On click of the state, the tooltip shows up, but on mouse leave, the tooltip won't disappear. Instead, it stays there, and if.…
Ken Ryan
- 539
- 1
- 10
- 31
0
votes
1 answer
Interactive farm maps
In my use case I need to create interactive farm maps where I can select fields.
I'm trying to do this using the react-simple-maps component.
what was done
I created the farm Shapfile map in QGIS.
Converted to TopoJSON using Mapshaper as per this…
Cleiton Freitas
- 387
- 7
- 18
0
votes
1 answer
How to change JSON API label into number in .net
So currently I'm using react-simple-map to make a map that with marker. It required this json format:
[{
"coordinates":{
"0":139.6917,
"1":35.6480
},
"name":"Tokyo",
},
{
"coordinates":{
"0":101.9758,
…
tedeeee
- 47
- 5
0
votes
1 answer
How can I display map full screen and centered with react-simple-maps
I am facing this issue when I want to display Mexico map
As you can see is not showing completely, I dont want to be able to zoom in, I just want the map to be shown centered and complete
this is my code so far.
const geoUrl =…
Jose A.
- 483
- 2
- 7
- 15
0
votes
1 answer
React-Simple-Map not scaling / Map is very small
I am attempting to create an interactive map of my home country using react-simple-maps, I am facing an issue where the map I am rendering in is extremely small, I have tried using height/width and scale but I cannot seem to get the map to render…
Ceri Westcott
- 300
- 2
- 14
0
votes
1 answer
Why is my react-tooltip sometimes displaying on the parent element?
I've made a covid related travel map here: Where Can We Go Now
It's a static react JS website, billy basic with create-react-app. It uses amongst other things the excellent React Simple Maps (kudos to the creator) and react-tooltip.
Expected…
0
votes
0 answers
How to calculate center and zoom for two coordinates to keep them visible
I'm working on project with your library and this is what I got
https://codesandbox.io/s/react-simple-maps-switching-topojson-on-zoom-forked-1s4qh?file=/src/index.js
import React, { useState, useRef, useEffect } from "react";
import { Spring,…
JJ23
- 111
- 8
0
votes
1 answer
How to zoom a map to the selected county in react-simple-maps?
I'm new to react-simple-maps and I'm not sure how to apply the functionality of zooming to a selecting county.
Below is the parent component that contains the CovidSearchState with a useState of selected US State and selected county state.
import…
Nr.
- 3
- 4