GoogleMapsAPIExample-Sam.html

<!--this is a copy of an html file to add a map with your current location -->

<script src="https://maps.googleapis.com/maps/api/js?key=<%= @api_key %>&callback=initMap&libraries=places" async defer>
</script>
<script>
	var dbc = {lat: 37.7846334, lng: -122.3996024};

  function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
      center: dbc,
      zoom: 6
    });

		// var marker = new google.maps.Marker({
    //   position: {lat: 37.63653, lng: -121.82376},
    //   map: map
    // })

		var infoWindow = new google.maps.InfoWindow({map: map});

		if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(position) {
        var pos = {
          lat: position.coords.latitude,
          lng: position.coords.longitude
        };

				// var marker = new google.maps.Marker({
		    //   position: pos,
		    //   map: map
		    // })
				var content = '<a>Example Text</a>'
				infoWindow.setPosition(pos);
				infoWindow.setContent(content);
				map.setCenter(pos);
      });
  	};
	}
</script>