2017-07-07 12 views
0

私の要素にGoogleマップマーカーが表示されないようです。私はGoogleが特定のものをマップに含まレンダリングするためのGoogleマップマーカーを取得できません(Polymer 2.0)

View.html

<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-directions.html"> 
<link rel="import" href="../bower_components/google-map/google-map-poly.html"> 

<google-map fit-to-marker disable-default-ui api-key="****" zoom="8" latitude="57.1071180" longitude="12.2520910"> 
    <google-map-marker latitude="57.1071180" longitude="12.2520910"> 
     <p>test Div</p> 
    </google-map-marker> 
</google-map> 

は、これは私が持っているものです。

グーグルマップWebコンポーネントのバージョンは今1.2.0

で、これは私が得るものです:

The marker should be at "varberg"

そして、これは持っているもの開発ツールです:

enter image description here

なぜレンダリングされないのかについてのヘルプやアイデアはありがたいです

+0

可能性のある重複した内部の移動スタイルタグ[ポリマー#でグーグルマップを含める方法^ 2.0ポリマー1.7で働いていたように](https://stackoverflow.com/questions/44607665/how-to-include-google-map-in-polymer2-0-as-it-was-working-in-polymer- 1-7) –

+0

Ew、screenshot-ed code。 –

答えて

1

issueを確認してください。私が以前に解決したように。不明な点がある場合は、お気軽に再度お問い合わせください。 ここにも私の解決のsource

と簡単に; GoogleマップとGoogleマップマーカーの2つの小さな変更が必要です。

  1. 要素(google-map、および google-map-marker)の両方でslotを交換するか、正しいshown as
  2. の直後template
+0

あなたは正解です、ありがとう! – aLoveForCoffee

関連する問題