google-maps-api-3 - react-native 中的 Google Map Javascript API

Question

是否可以在不完全依赖浏览器DOM来渲染 map 的情况下使用javascript api，因为react-native使用View我觉得可以以某种方式使用api，通过传递给全局窗口来使api可用的方法也可能使用 fetch，但我不知道如何启动回调。如果有人知道这是如何工作的，请分享一些想法

<script async defer
     src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

Answer 1

@sunilp 提到的 googlemaps 节点模块只为您提供静态 map ，无需依赖库即可轻松构建，只需搜索 google maps api 静态 map (没有足够的声誉发布两个以上的链接)。

对于 Android，你有这个:
https://github.com/teamrota/react-native-gmaps

对于 iOS，有这个，但它警告说这是一项正在进行的工作(它也没有在几个月内更新):https://github.com/peterprokop/ReactNativeGoogleMaps

环顾四周，如果您搜索他们的文档，您今天对 iOS 的最佳(支持)选择似乎是使用 React Native 自己的 MapView。然后，您可以对数据的 Google Maps API 服务进行 fetch 调用，然后通过其接口(interface)填充 MapView。确保您传递您的 key 并在您的 url 中使用 https，否则该服务将拒绝您的调用:

fetch(
    'https://maps.googleapis.com/maps/api/directions/json?origin=41.13694,-73.359778&destination=41.13546,-73.35997&mode=driver&sensor=true&key=[YOUR_KEY]'
)
.then(
    (response) => response.text()
)
.then(
    (responseText) => {
        console.log(responseText);
    }
)
.catch(
    (error) => {
        console.warn(error);
    }
);
`