2015-10-19 69 views
0

我一直在尝试在我的应用程序中使用google-map-directions元素。下面是代码:无法获得谷歌地图方向聚合物元素工作

<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> 

我得到这个错误在控制台:

Uncaught TypeError: window.google.maps.Load is not a function

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

+0

你既包括了'谷歌map'和'谷歌地图directions'进口?代码在你的应用中的位置在哪里?它是在'index.html'文件还是其他元素中? –

+0

我在另一个网站上写了答案,因为代码太长,这里没有空间 –

+0

这段代码有效,我确实有的问题是google-maps-direcctions的版本,我下载了你的gitHub的分支并开始工作它。 –

回答

0

是的,我包括,这里是元素齐全:

<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>