Add Google Street View

/**
 * Gravity Perks // GP Address Autocomplete // Add Google Street View
 * https://gravitywiz.com/documentation/gravity-forms-address-autocomplete/
 *
 * Experimental Snippet 🧪
 *
 * Adds a Google Street View container to the bottom of the map and automatically
 * updates the Street View when the user selects an address.
 *
 * Instructions:
 *     1. Install our free Custom JavaScript for Gravity Forms plugin.
 *         Download the plugin here: https://gravitywiz.com/gravity-forms-code-chest/
 *     2. Copy and paste the snippet into the editor of the Custom Javascript for Gravity Forms plugin.
 */

window.gform.addAction('gpaa_marker_set', function (opts) {
  var panorama = new google.maps.StreetViewPanorama(
  	document.getElementById('gpaa_street_view_container_' + opts.fieldId),
    {
      position: opts.map.getCenter(),
      pov: {
        heading: 34,
        pitch: 10,
      },
    }
  );

  opts.map.setStreetView(panorama);
});



window.gform.addAction('gpaa_map_initialized', function(map, formId, fieldId) {
  var mapSel = '#gpaa_map_container_' + fieldId;
  var streetViewSel = '#gpaa_street_view_container_' + fieldId;

  if (!$(streetViewSel).length) {
    $(mapSel).after('<div id="gpaa_street_view_container_' + fieldId + '" >Select an address to see a street view.</div>');
    var divHeight = '500px';
    $(streetViewSel).css({
      // customize styling properties for the street view container here...
      height: divHeight,
      lineHeight: divHeight,
      backgroundColor: 'lightgray',
      marginTop: '1rem',
      textAlign: 'center',
      verticalAlign: 'middle',
    });
  }
});