在反应babel组件中使用google map API

时间:2017-02-09 17:11:47

标签: google-maps reactjs babeljs

我目前尝试使用谷歌地图API与反应js和babel。我不想使用现有的反应组件(未完成)。

我遇到的问题是我无法加载谷歌地图对象。 Babel总是向我显示一个像这样的编译错误:

error    'google' is not defined

如果我在索引中加载Google地图脚本,请执行以下操作:

<script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places&callback=initAutocomplete" ></script>

我知道babel在编译时没有加载谷歌地图库,但是尝试编译一些这样的代码行:

var map = new google.maps.Map(document.getElementById('map')...

是否有人知道如何处理此案件?

谢谢

1 个答案:

答案 0 :(得分:2)

安装google maps api npm模块并将其导入相关文件。 https://www.npmjs.com/package/google-maps