<base href="https://raw-dot-custom-elements.appspot.com/GoogleWebComponents/google-map/v2.0.5/google-map/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="google-map.html">
<style>
google-map {
height: 400px;
}
</style>
<google-map fit-to-markers api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc">
<google-map-marker latitude="37.78" longitude="-122.4" draggable="true"></google-map-marker>
<google-map-marker latitude="37.7" longitude="-122.1" draggable="true"></google-map-marker>
<google-map-marker latitude="37.67" longitude="-122.43" draggable="true"></google-map-marker>
</google-map>
<div class="vd-container"><div class="vd"><a target="_blank" href="https://vaadin.com/directory/component/GoogleWebComponentsgoogle-map">Check out google-map on Vaadin Directory</a></div></div>
This Pen doesn't use any external JavaScript resources.