Question

我无法填充google-map-markers，因为从google-map-search返回的结果为空：

<google-map-search api-key="<taken away for privacy>" map="[[map]]" query="Pizza" results="{{results}}"></google-map-search>
<google-map
  api-key="<taken away for privacy>"
  map="{{map}}"
  latitude="37.779"
  longitude="-122.3892"
  fit-to-markers>
  <template is="dom-repeat" items="{{results}}">
    <google-map-marker
      slot="markers"
      latitude="{{results.latitude}}"
      longitude="{{results.longitude}}">
      <h2>{{results.name}}</h2>
      <span>{{results.formatted_address}}</span>
    </google-map-marker>
  </template>
</google-map>

这基本上是他们提供的示例代码。

我正在导入所有这些：

<link rel="import" href="../../bower_components/google-map/google-map.html">
<link rel="import" href="../../bower_components/google-map/google-map-marker.html">
<link rel="import" href="../../bower_components/google-map/google-map-search.html">

我尝试添加属性或不为所有属性添加属性（因为我不需要它们，但以防万一）：

static get properties() {
    return {
      latitude: String,
      longitude: String,
      map: Object,
      results: Array,
      query: String,
    };
  }

我尝试在模板中使用“ dom-bind”（有或没有），“ slot =“ markers”（有或没有），等等。

当我尝试通过控制台将结果记录到Google-map-search的源代码中时，我什么也没得到。

注意：如果我给它一个长而经的位置，我完全有能力在地图上添加标记。

聚合物2

Google地图标记组件未填充标记，因为Google地图搜索没有结果

0 个答案: