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

我试图在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

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

回答

相关问题