Autocomplete Address using Google API

Question

I implemented Google Places Autocomplete TextBox with Place changed event but its not working in MVC Core framework. Please find out mistakes why the following code is not working in MVC Core Framework:

 

HTML Code:

 

<input type="text" id="txtFullAddress" />

 

//JavaScript Code

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
var inputAddressField = document.getElementById("txtFullAddress");
var places = new google.maps.places.Autocomplete(inputAddressField);
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
var address = place.formatted_address;
var latitude = place.geometry.location.lat();
var longitude = place.geometry.location.lng();
var mesg = "Address: " + address;
mesg += "\nLatitude: " + latitude;
mesg += "\nLongitude: " + longitude;
alert(mesg);
});
});
</script>