有没有办法从 URL 导入脚本包？

Question

我正在使用 React，我想使用一个只能作为 URL 检索的包。在 HTML 中使用 script 标签很容易导入，但是如何导入到 JavaScript 文件呢？

我想要的是转换这个

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>

变成这样的

import 'https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true'

Answer 1

根据您在 html 中直接导入时的评论：

它会抛出一个错误，说明脚本的对象不是 定义

我认为这里最好的方法是不要尝试将 js 导入另一个 js 文件，而是使用 React google maps 库，这样你就不会经历这些黑客攻击。

试试看，然后告诉我们。

这个答案的原因是，即使你通过将另一个 js 文件添加到你自己的 js 文件中来使脚本正常工作，google maps api js 也会做更多的事情，这会给你在 React 中带来麻烦和问题（比如你现在有），这些问题已经被这个库解决了。

阅读at the official documentation 看看它是否适合您。

示例

有一个很好的教程和非常基本的例子使用这个库here。

使用纬度和经度的示例（取自本教程）：

const GoogleMapExample = withGoogleMap(props => (
   <GoogleMap
     defaultCenter = { { lat: 40.756795, lng: -73.954298 } }
     defaultZoom = { 13 }
   >
   </GoogleMap>
));
return(
   <div>
     <GoogleMapExample
       containerElement={ <div style={{ height: `500px`, width: '500px' }} /> } 
       mapElement={ <div style={{ height: `100%` }} /> }
     />
   </div>
);

替代库

或者，您可以使用这个库，因为它是另一个用于渲染谷歌地图的反应库。

google-map-react

您也可以通过此库关注this tutorial。

这些图书馆有很多支持者和明星，这意味着您可以随时获得更新和有用的信息。