聚合物初學者工具包，谷歌地圖，示例在一起

我試圖在Polymer Starter-kit頁面上顯示谷歌地圖。聚合物初學者工具包，谷歌地圖，示例在一起

我開始與聚合物的init ...去與標準的入門工具包... 做一個... 涼亭安裝--save GoogleWebComponents /谷歌地圖我得到了谷歌地圖的關鍵...

除了

一切都很正常......。我不能讓該死的地圖顯示在頁面上。我可以通過示例和教程...沒有麻煩。但是，讓標籤在啓動套件的工作一直是個問題。有沒有人有谷歌地圖在入門工具包的例子嗎？理想情況下，您創建/使用自定義模塊的位置？

2016-12-01 IrishGringo

像宣傳的那樣。這是My-viewX.html頁面的代碼。只要按照上面的說明，並添加此代碼。留調，我將添加數據綁定

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

<dom-module id="my-view5"> 
    <template> 
    <style include="shared-styles"> 
     :host { 
     display: block; 
     padding: 10px; 
     } 
     google-map { 
     height: 600px; 
     } 
</style> 
    </style> 

    <div class="card"> 
     <h1>Put map here here</h1> 
    </div> 

<div class="card"> 
<google-map 
    latitude="37.779" 
    longitude="-122.3892" 
    api-key="AIzaStyggztMTmDZ34gjjjdtasMC67fgdme4jOC5Nqk"  
    zoom="13" 
    disable-default-ui> 
    <google-map-marker 
     latitude="37.779" 
     longitude="-122.3892" 
     title="Go Giants!" 
     draggable="true"> 
    </google-map-marker> 

    <google-map-marker 
     latitude="37.77493" 
     longitude="-122.41942" 
     title="Go tits!"> 
    </google-map-marker> 
    </google-map> 
    </div> 
    </template> 

    <script> 
    Polymer({ 
     is: 'my-view5' 
    }); 
    </script> 
</dom-module>

來源

2016-12-01 06:47:02 IrishGringo

聚合物初學者工具包，谷歌地圖，示例在一起

回答

相關問題