'react native webview, open google maps URL with the google maps application

In the WebView of my react-native application, I have an embedded google maps url like:

<WebView
   source={{html: `<iframe src="https://www.google.com/maps/d/embed?mid=1r7Yvqak34P-HrL8uZLOivB720i4dpXah" `}}
/>

this embedded maps view contains a full-screen/expand button, where the RN app on Android pressing that expand button opens the URL in the google map application, but on iOS it just turns to full screen within the iframe

extra info: the content of WebView is fetched from the server and created by users, so it is not always google maps URL

  • is there any way to open the URL with google maps on iOS too?
  • if I want to use Linking how should I intercept the link inside that iframe


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source