Maps 空白屏幕谷歌地图API V3_Maps_Geocoding

Maps 空白屏幕谷歌地图API V3

maps

Maps 空白屏幕谷歌地图API V3,maps,geocoding,Maps,Geocoding,正如标题所说，我只是在尝试将地理编码功能添加到地图时出现了一个空白屏幕。如果我把地图和记号笔放在一起，效果会很好。但在我添加geocode功能的那一刻，它只给我发送了一个空白屏幕。代码如下： <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="content-type" content="text/htm

正如标题所说，我只是在尝试将地理编码功能添加到地图时出现了一个空白屏幕。如果我把地图和记号笔放在一起，效果会很好。但在我添加geocode功能的那一刻，它只给我发送了一个空白屏幕。代码如下：

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>Google Maps API v3: esempio base</title>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">

<script type="text/javascript">
var initialize = function() {


var latlng = new google.maps.LatLng(42.745334,12.738430);


var options = { zoom: 12,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };


var map = new google.maps.Map(document.getElementById('map'), options);


var marker = new google.maps.Marker({ position: latlng,
  map: map, 
  title: 'W Le DONNE' });


 var createMap = function() {
   searchAddress();
    var address = document.getElementById("address").value;
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode( {'address': address}, function(results,status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var options = {
                zoom: 12,
                center: results[0].geometry.location,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
        else {
            alert("Problema nella ricerca dell'indirizzo: " + status);
        }
    });
}
var searchAddress = function(){
    document.getElementById("submit").onclick = function() {
        createMap();
    }

}}

window.onload = createMap;
</script>

</head>
<body style="margin:0; padding:0;">
<div>
<input id="address" type="textbox" value="Viale Franco Angeli, 5 - Roma">
<input id="submit" type="button" value="trova indirizzo sulla mappa">
</div>
<div id="map" style="width:100%; height:100%"></div>
</body>
</html>


谷歌地图API v3:esempio库
var initialize=函数（）{
var latlng=新的google.maps.latlng（42.745334,12.738430）；
var options={zoom:12，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（'map'），options）；
var marker=new google.maps.marker（{position:latlng，
地图：地图，
标题：“W Le DONNE’}）；
var createMap=function（）{
搜索地址（）；
var address=document.getElementById（“地址”）.value；
var geocoder=new google.maps.geocoder（）；
geocoder.geocode（{'address'：address}，函数（结果，状态）{
if（status==google.maps.GeocoderStatus.OK）{
变量选项={
缩放：12，
中心：结果[0].geometry.location，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
否则{
警报（“问题内拉·里塞卡·戴尔·因迪里佐：+状态”）；
}
});
}
var searchAddress=函数（）{
document.getElementById（“提交”）.onclick=function（）{
createMap（）；
}
}}
window.onload=createMap；

您的URL错误。V3是什么