<p style=”text-align: center;color:#fff”>Enter your details below for a free property appraisal of your home.</p>

<div class=”pac-card” id=”pac-card”>

<div id=”pac-container”>
<!– <input id=”pac-input” type=”text” placeholder=”Enter a location”>–>
</div>
</div>
<div id=”map”></div>
<div id=”infowindow-content”>
<img src=”” width=”16″ height=”16″ id=”place-icon”>
<span id=”place-name” class=”title”></span><br>
<span id=”place-address”></span>
</div>

<script>
// This example requires the Places library. Include the libraries=places
// parameter when you first load the API. For example:
// <script src=”https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places”>

function initMap() {
var map = new google.maps.Map(document.getElementById(‘map’), {
center: {lat: 50.064192, lng: -130.605469},
zoom: 3
});
var card = document.getElementById(‘pac-card’);
var input = document.getElementById(‘pac-input’);
var countries = document.getElementById(‘country-selector’);

map.controls[google.maps.ControlPosition.TOP_RIGHT].push(card);

var autocomplete = new google.maps.places.Autocomplete(input);

// Set initial restrict to the greater list of countries.
autocomplete.setComponentRestrictions(
{‘country’: [‘au’]});

var infowindow = new google.maps.InfoWindow();
var infowindowContent = document.getElementById(‘infowindow-content’);
infowindow.setContent(infowindowContent);
var marker = new google.maps.Marker({
map: map,
anchorPoint: new google.maps.Point(0, -29)
});

autocomplete.addListener(‘place_changed’, function() {
infowindow.close();
marker.setVisible(false);
var place = autocomplete.getPlace();
if (!place.geometry) {
// User entered the name of a Place that was not suggested and
// pressed the Enter key, or the Place Details request failed.
window.alert(“No details available for input: ‘” + place.name + “‘”);
return;
}

// If the place has a geometry, then present it on a map.
if (place.geometry.viewport) {
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(place.geometry.location);
map.setZoom(17); // Why 17? Because it looks good.
}
marker.setPosition(place.geometry.location);
marker.setVisible(true);

var address = ”;
if (place.address_components) {
address = [
(place.address_components[0] && place.address_components[0].short_name || ”),
(place.address_components[1] && place.address_components[1].short_name || ”),
(place.address_components[2] && place.address_components[2].short_name || ”)
].join(‘ ‘);
}

infowindowContent.children[‘place-icon’].src = place.icon;
infowindowContent.children[‘place-name’].textContent = place.name;
infowindowContent.children[‘place-address’].textContent = address;
infowindow.open(map, marker);
});

// Sets a listener on a given radio button. The radio buttons specify
// the countries used to restrict the autocomplete search.
function setupClickListener(id, countries) {
var radioButton = document.getElementById(id);
radioButton.addEventListener(‘click’, function() {
autocomplete.setComponentRestrictions({‘country’: countries});
});
}

setupClickListener(‘changecountry-usa’, ‘au’);
setupClickListener(
‘changecountry-usa-and-uot’, [‘au’]);
}
</script>
<script src=”https://maps.googleapis.com/maps/api/js?key=AIzaSyBYmqw3FABuWQdlZcZ7_YB-NlRN8wacaQg&libraries=places&callback=initMap”
async defer></script>

<script>
jQuery(document).ready(function(){


jQuery(“#go-step2”).click(function(){
jQuery(“#step1”).addClass(“hide”);
jQuery(“#step2”).addClass(“show”);

});

});

</script>