2013-11-09 28 views
-1

下面是我的地理编码的JavaScript。我的地图不会出现,我似乎无法找到我的错误。请指教。地理编码没有出现

我试图显示实际位置的“真实”值。 API在Google开发人员网站上正确生成。

<script> 
var geocoder; 
var map; 
    function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.Latlng(-34.397, 150.644); 
    var mapOptions = { 
     zoom: 8, 
     Center: latlng 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
    } 

    function codeAddress() { 
    var address = document.get.getElementById('address').value; 
    geocoder.geocode({ 'address': address}, 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> 

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=drawing&sensor=true"></script> 
+0

请提供足够的代码/ HTML到重现这个问题(或者是一个jsfiddle或者是一个显示问题的地图的链接)。 – geocodezip

+0

修复你的javascript错误。 – geocodezip

回答

1

你是否在任何地方运行initialize()?如果没有,你的地图不会显示出来。

2

您有至少3个JavaScript错误,这将导致问题:

  1. JavaScript是大小写敏感的:

    • 中心是不一样的中心
    • 经纬度是不一样的LatLng
  2. “Center:latl”后面缺少一个逗号NG “中在MapOptions

  3. 这是不正确的(额外的”。获得“):

    变种地址= document.get.getElementById( '地址')值;

应该是:

var address = document.getElementById('address').value; 

而作为Jimmie Johansson观察,没有调用初始化(或为此事codeAddress)

working example