react-native-streetview not working in IOS
I am using react-native-streetview library to load street view in my app. But it shows only black screen. Can anyone please help me with where I am going wrong.
<View style={styles.container}>
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{
'latitude': -33.852,
'longitude': 151.211
}}
/>
</View>
PS: I am using react-navigation library in my app.
react-native
asked Oct 10 '18 at 9:48
sjtsjt
115
add a comment |
I am using react-native-streetview library to load street view in my app. But it shows only black screen. Can anyone please help me with where I am going wrong.
<View style={styles.container}>
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{
'latitude': -33.852,
'longitude': 151.211
}}
/>
</View>
PS: I am using react-navigation library in my app.
react-native
asked Oct 10 '18 at 9:48
sjtsjt
115
did you resolve your issue? I’m facing the same thing.
– Chris Edwards
Nov 11 '18 at 23:04
@ChrisEdwards no not yet..haven't got any solution...
– sjt
Nov 13 '18 at 6:19
add a comment |
I am using react-native-streetview library to load street view in my app. But it shows only black screen. Can anyone please help me with where I am going wrong.
<View style={styles.container}>
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{
'latitude': -33.852,
'longitude': 151.211
}}
/>
</View>
PS: I am using react-navigation library in my app.
react-native
asked Oct 10 '18 at 9:48
sjtsjt
115
I am using react-native-streetview library to load street view in my app. But it shows only black screen. Can anyone please help me with where I am going wrong.
<View style={styles.container}>
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{
'latitude': -33.852,
'longitude': 151.211
}}
/>
</View>
PS: I am using react-navigation library in my app.
react-native
react-native
asked Oct 10 '18 at 9:48
sjtsjt
115
asked Oct 10 '18 at 9:48
sjtsjt
115
edited Oct 11 '18 at 4:26
sjt
asked Oct 10 '18 at 9:48
sjtsjt
115
asked Oct 10 '18 at 9:48
sjtsjt
115
asked Oct 10 '18 at 9:48
sjtsjt
115
115
did you resolve your issue? I’m facing the same thing.
– Chris Edwards
Nov 11 '18 at 23:04
@ChrisEdwards no not yet..haven't got any solution...
– sjt
Nov 13 '18 at 6:19
add a comment |
did you resolve your issue? I’m facing the same thing.
– Chris Edwards
Nov 11 '18 at 23:04
@ChrisEdwards no not yet..haven't got any solution...
– sjt
Nov 13 '18 at 6:19
did you resolve your issue? I’m facing the same thing.
– Chris Edwards
Nov 11 '18 at 23:04
did you resolve your issue? I’m facing the same thing.
– Chris Edwards
Nov 11 '18 at 23:04
@ChrisEdwards no not yet..haven't got any solution...
– sjt
Nov 13 '18 at 6:19
@ChrisEdwards no not yet..haven't got any solution...
– sjt
Nov 13 '18 at 6:19
add a comment |
1 Answer
1
active
oldest
votes
Try using my fork https://github.com/chrise86/react-native-streetview.
I've changed the way the coordinate is loaded in the native bridge. I also specify heading prop on my <Streetview /> component:
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{ latitude, longitude }}
heading={180}
onSuccess={() => console.log('map loaded')}
onError={(event) => console.log('failed to load map', event.nativeEvent)}
/>
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
add a comment |
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%2f52737324%2freact-native-streetview-not-working-in-ios%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Try using my fork https://github.com/chrise86/react-native-streetview.
I've changed the way the coordinate is loaded in the native bridge. I also specify heading prop on my <Streetview /> component:
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{ latitude, longitude }}
heading={180}
onSuccess={() => console.log('map loaded')}
onError={(event) => console.log('failed to load map', event.nativeEvent)}
/>
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
add a comment |
Try using my fork https://github.com/chrise86/react-native-streetview.
I've changed the way the coordinate is loaded in the native bridge. I also specify heading prop on my <Streetview /> component:
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{ latitude, longitude }}
heading={180}
onSuccess={() => console.log('map loaded')}
onError={(event) => console.log('failed to load map', event.nativeEvent)}
/>
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
add a comment |
Try using my fork https://github.com/chrise86/react-native-streetview.
I've changed the way the coordinate is loaded in the native bridge. I also specify heading prop on my <Streetview /> component:
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{ latitude, longitude }}
heading={180}
onSuccess={() => console.log('map loaded')}
onError={(event) => console.log('failed to load map', event.nativeEvent)}
/>
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
Try using my fork https://github.com/chrise86/react-native-streetview.
I've changed the way the coordinate is loaded in the native bridge. I also specify heading prop on my <Streetview /> component:
<StreetView
style={styles.streetView}
allGesturesEnabled={true}
coordinate={{ latitude, longitude }}
heading={180}
onSuccess={() => console.log('map loaded')}
onError={(event) => console.log('failed to load map', event.nativeEvent)}
/>
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
answered Nov 13 '18 at 8:30
Chris EdwardsChris Edwards
2,26312030
2,26312030
add a comment |
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f52737324%2freact-native-streetview-not-working-in-ios%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
did you resolve your issue? I’m facing the same thing.
– Chris Edwards
Nov 11 '18 at 23:04
@ChrisEdwards no not yet..haven't got any solution...
– sjt
Nov 13 '18 at 6:19