我刚接触谷歌地图,正在努力掌握它。我想输入城市或地址,然后让地图加载并放置标记。
目前我的地图最初加载正常,但当我输入城市或地址时,什么也不发生。你知道这里出了什么问题吗?
<script type="text/javascript">
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlang = new google.maps.LatLng(42, -84);
var myOptions = {
center: latlang, zoom: 5, mapTypeId: google.maps.MapTypeId.SATELLITE,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
}
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
function codeAddress() {
var sAddress = document.getElementById("newLocation").value;
geocoder.geocode( { 'address': sAddress}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
}
else{
alert("Geocode was not successful for the following reason: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
Address: <input type="text" id="newLocation" style=" width:200px" title="Address to Geocode" />
<input type="button" onclick="codeAddress()" id="inputButtonGeocode" style="width:150px" title="Click to Geocode" value="Geocode" />
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>