Google maps 无法让google地图元素工作

我一直在尝试在我的应用程序中使用谷歌地图方向元素。代码如下：

<google-map map="{{map}}" latitude="37.779" 
  longitude="-122.3892" zoom="13" disable-default-ui>
</google-map>

<google-map-directions map="{{map}}" 
  start-address="San Francisco"
  end-address="Mountain View"></google-map-directions>

我在控制台中遇到此错误：

未捕获类型错误：window.google.maps.Load不是函数

---

我能做些什么来解决这个问题？

是的，我将两者都包括在内，以下是完整的元素：

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../google-map/google-map-directions.html">

<dom-module id="mapa-direccion" >
<style>
   google-map {
    display: block;
    width: 50%;
    height: 50%;
}
</style>
<template is="dom-bind">
    <google-map id='s' map="{{map}}" latitude="37.779" longitude="-122.3892"></google-map>
        <google-map-directions map="{{map}}"
            startaddress="San Francisco"
            endaddress="Mountain View"
            travel-mode="TRANSIT">
    </google-map-directions>
</template>

<script>
    Polymer({
        is: "mapa-direccion",
    });
</script>
</dom-module>

---

您是否同时包含谷歌地图和谷歌地图方向导入？此代码在您的应用程序中的何处？它是在index.html文件还是其他元素中？我在另一个网站上写了答案，因为代码太长，没有空间。这段代码可以工作，我的问题是谷歌地图目录的版本，我下载了你的gitHub的分支并进行了工作。