I finally solved my problem... Found the answer here : https://stackoverflow.com/a/8851767/972821
I kinda realized that i had to reinitialize the javascript after postback...but wasnt sure how it was done... Thanks Aristos. Here's my modified code :
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
<script type="text/javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
function InitializeRequest(sender, args) {
}
// fires after the partial update of UpdatePanel
function EndRequest(sender, args) {
initialize();
}
function initialize() {
var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(7.623887, 68.994141),
new google.maps.LatLng(37.020098, 97.470703));
var input1 = document.getElementById('ctl00_ReportContentPlaceHolder_txtLocality');
var input2 = document.getElementById('ctl00_ReportContentPlaceHolder_txtDropLocality');
var options = {
bounds: defaultBounds,
types: ['geocode'],
componentRestrictions: { country: "IN" }
};
autocomplete1 = new google.maps.places.Autocomplete(input1, options);
autocomplete2 = new google.maps.places.Autocomplete(input2, options);
}
</script>