2017-07-07 62 views
0

我似乎無法讓谷歌地圖標記顯示在我的元素。無法獲取谷歌地圖標記呈現(聚合物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,截圖代碼。 –

回答

1

請檢查issue正如我以前解決過這個問題。如有任何不清楚的地方,請隨時再詢問。 這裏也source我的解決方案

簡要地說; 你需要2個小的變化,谷歌地圖和谷歌地圖標記。

  1. 在兩個元素更換或正確slotgoogle-mapgoogle-map-markershown as
  2. 剛過template
+0

你是對的,謝謝! – aLoveForCoffee