我在尝试实施Google Place Autocomplete API时遇到问题 . 我一直在asp.net C#项目中工作 . 当我在文本框中键入地名时,它会显示一个地点选项 . 但是,当我选择该选项时,它不会在第一次显示 Map 上的位置,但是当我第二次选择它时,它会显示在 Map 上 .
我调试了JavaScript,它显示错误为 cannot read property 'addeventlistener' of null
.
这是我尝试过的代码:
function Initialize() {
var mapOptions = {
center: new google.maps.LatLng(28.669156500000000000, 77.453757799999950000),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var input = document.getElementById('txtPickUpPoints');
var map = new google.maps.Map(document.getElementById('GMap1'), mapOptions);
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);
google.maps.event.addListener(autocomplete, 'place_changed', function () {
var place = autocomplete.getPlace();
if (place.geometry.viewport) {
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(place.geometry.location);
map.setZoom(17);
}
});
//document.getElementById("lbl_lati").innerHTML = "good going";
//document.getElementById("lbl_longi").innerHTML = document.getElementById('TextBox1').value = GMap1.get.lng();
}
google.maps.event.addDomListener(window, 'load', Initialize);
I am using
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js? sensor=false&libraries=places"></script>