React Native Maps + Apple Maps: Active callout jumping at onRegionChangeComplete Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) The Ask Question Wizard is Live! Data science time! April 2019 and salary with experienceWhat is the difference between using constructor vs getInitialState in React / React Native?What is the difference between React Native and React?React Native Maps custom marker is not touchable after region changeTranslate screen x/y position to react-native-maps coordinatesreact-native-maps marker throwing and IndexOutofBoundsException: Invalid index 1, size is 0How do I get the key or coordinates of a Marker in react-native-maps in onPress?How to show continuous moving car icon on react native maps?react-native-maps: display a callout at a specified coordinate?How do I implement a draggable, resizable polygon on Google Maps in React Native?How to inspect Google Map Marker element with React DevTools?
What did Darwin mean by 'squib' here?
ELI5: Why do they say that Israel would have been the fourth country to land a spacecraft on the Moon and why do they call it low cost?
Can't figure this one out.. What is the missing box?
What kind of display is this?
How should I respond to a player wanting to catch a sword between their hands?
Losing the Initialization Vector in Cipher Block Chaining
Who can trigger ship-wide alerts in Star Trek?
Statistical model of ligand substitution
Autumning in love
Stop battery usage [Ubuntu 18]
Passing functions in C++
How do you clear the ApexPages.getMessages() collection in a test?
Why does this iterative way of solving of equation work?
What is the electric potential inside a point charge?
Is above average number of years spent on PhD considered a red flag in future academia or industry positions?
What LEGO pieces have "real-world" functionality?
When is phishing education going too far?
Does a C shift expression have unsigned type? Why would Splint warn about a right-shift?
The following signatures were invalid: EXPKEYSIG 1397BC53640DB551
If I can make up priors, why can't I make up posteriors?
I'm thinking of a number
Array/tabular for long multiplication
Active filter with series inductor and resistor - do these exist?
Complexity of many constant time steps with occasional logarithmic steps
React Native Maps + Apple Maps: Active callout jumping at onRegionChangeComplete
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
The Ask Question Wizard is Live!
Data science time! April 2019 and salary with experienceWhat is the difference between using constructor vs getInitialState in React / React Native?What is the difference between React Native and React?React Native Maps custom marker is not touchable after region changeTranslate screen x/y position to react-native-maps coordinatesreact-native-maps marker throwing and IndexOutofBoundsException: Invalid index 1, size is 0How do I get the key or coordinates of a Marker in react-native-maps in onPress?How to show continuous moving car icon on react native maps?react-native-maps: display a callout at a specified coordinate?How do I implement a draggable, resizable polygon on Google Maps in React Native?How to inspect Google Map Marker element with React DevTools?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
React Native: 0.57.8
React Native Maps: 0.22.1
I've had this problem since forever and still can't find a solution: Whenever I have a marker's callout open, as soon as my region change is completed, the callout jumps to a marker that is in the approximate screen location as the marker was before I started the region change by dragging.
The new callout renders the data of the marker that it jumped to. Plus it renders the callout with a wrong alignment of its children.
This happens when using Apple Maps in the React Native Maps package and it happens consequently. Any ideas?
Here's a basic version of the mapview with its marker/callout. Shouldn't be too crazy :)
<MapView>
this.state.stations.map((station, index) => (
<Marker key=index coordinate=station.coordinates>
<Callout>
<CustomMapCallout />
</Callout>
</Marker>
)
)
</MapView>
react-native react-native-maps airbnb
asked Mar 8 at 14:50
FluupFluup
3318
add a comment |
React Native: 0.57.8
React Native Maps: 0.22.1
I've had this problem since forever and still can't find a solution: Whenever I have a marker's callout open, as soon as my region change is completed, the callout jumps to a marker that is in the approximate screen location as the marker was before I started the region change by dragging.
The new callout renders the data of the marker that it jumped to. Plus it renders the callout with a wrong alignment of its children.
This happens when using Apple Maps in the React Native Maps package and it happens consequently. Any ideas?
Here's a basic version of the mapview with its marker/callout. Shouldn't be too crazy :)
<MapView>
this.state.stations.map((station, index) => (
<Marker key=index coordinate=station.coordinates>
<Callout>
<CustomMapCallout />
</Callout>
</Marker>
)
)
</MapView>
react-native react-native-maps airbnb
asked Mar 8 at 14:50
FluupFluup
3318
Fixed by giving the marker key a unique name instead of an index. In my case station.name.
– Fluup
Mar 11 at 20:43
add a comment |
React Native: 0.57.8
React Native Maps: 0.22.1
I've had this problem since forever and still can't find a solution: Whenever I have a marker's callout open, as soon as my region change is completed, the callout jumps to a marker that is in the approximate screen location as the marker was before I started the region change by dragging.
The new callout renders the data of the marker that it jumped to. Plus it renders the callout with a wrong alignment of its children.
This happens when using Apple Maps in the React Native Maps package and it happens consequently. Any ideas?
Here's a basic version of the mapview with its marker/callout. Shouldn't be too crazy :)
<MapView>
this.state.stations.map((station, index) => (
<Marker key=index coordinate=station.coordinates>
<Callout>
<CustomMapCallout />
</Callout>
</Marker>
)
)
</MapView>
react-native react-native-maps airbnb
asked Mar 8 at 14:50
FluupFluup
3318
React Native: 0.57.8
React Native Maps: 0.22.1
I've had this problem since forever and still can't find a solution: Whenever I have a marker's callout open, as soon as my region change is completed, the callout jumps to a marker that is in the approximate screen location as the marker was before I started the region change by dragging.
The new callout renders the data of the marker that it jumped to. Plus it renders the callout with a wrong alignment of its children.
This happens when using Apple Maps in the React Native Maps package and it happens consequently. Any ideas?
Here's a basic version of the mapview with its marker/callout. Shouldn't be too crazy :)
<MapView>
this.state.stations.map((station, index) => (
<Marker key=index coordinate=station.coordinates>
<Callout>
<CustomMapCallout />
</Callout>
</Marker>
)
)
</MapView>
react-native react-native-maps airbnb
react-native react-native-maps airbnb
asked Mar 8 at 14:50
FluupFluup
3318
asked Mar 8 at 14:50
FluupFluup
3318
asked Mar 8 at 14:50
FluupFluup
3318
asked Mar 8 at 14:50
FluupFluup
3318
asked Mar 8 at 14:50
FluupFluup
3318
3318
Fixed by giving the marker key a unique name instead of an index. In my case station.name.
– Fluup
Mar 11 at 20:43
add a comment |
Fixed by giving the marker key a unique name instead of an index. In my case station.name.
– Fluup
Mar 11 at 20:43
Fixed by giving the marker key a unique name instead of an index. In my case station.name.
– Fluup
Mar 11 at 20:43
Fixed by giving the marker key a unique name instead of an index. In my case station.name.
– Fluup
Mar 11 at 20:43
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55065658%2freact-native-maps-apple-maps-active-callout-jumping-at-onregionchangecomplete%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55065658%2freact-native-maps-apple-maps-active-callout-jumping-at-onregionchangecomplete%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Fixed by giving the marker key a unique name instead of an index. In my case station.name.
– Fluup
Mar 11 at 20:43