jlengrand/web-components-workshop-polymer
1
0
Fork 0
mirror of https://github.com/jlengrand/web-components-workshop-polymer.git synced 2026-03-10 08:51:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Step 3 : Adding a Google Map to the page

Browse Source
This commit is contained in:
Julien Lengrand-Lambert
2017-12-13 11:26:37 +01:00
parent 89bc937a30
commit a627f901ea
1 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@@ -5,7 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="/src/components/hello-world.html">
<link rel="import" href="/src/components/hello-world.html">
<link rel="import" href="/bower_components/google-map/google-map.html">
<!--https://developers.google.com/maps/documentation/javascript/get-api-key -->
<style>
#map{
height: 400px;
width: 600px;
margin: 0;
}
</style>
</head>
<body>
@@ -13,5 +24,15 @@
<p>In this workshop, we will have some fun with Polymer</p>
<hello-world></hello-world>
<div id="map">
<google-map latitude="52.092876" longitude="5.104480" zoom="13"
api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
<google-map-marker latitude="52.092876" longitude="5.104480"
title="UTrecht!">
</google-map-marker>
</google-map>
</div>
</body>
</html>