<!DOCTYPE html>
<html>
<head>
<title>Simple Marker</title>
<!-- The callback parameter is required, so we use console.debug as a noop -->
<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCVDv23kob9WN7hxTj0kOO1RQzsMdOAt9c&callback=console.debug&libraries=maps,marker&v=beta">
</script>
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
gmp-map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<gmp-map center="30.633638381958008,-97.67679595947266" zoom="14" map-id="DEMO_MAP_ID">
<gmp-advanced-marker position="30.633638381958008,-97.67679595947266" title="My location">
</gmp-advanced-marker>
</gmp-map>
</body>
</html>