-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>
4

2 回答 2

2

您至少有 3 个 javascript 错误会导致问题：

  1. javascript 区分大小写：

    • 中心不等于中心
    • Latlng 与 LatLng 不同

  2. mapOptions 中的“Center: latlng”后缺少逗号

  3. 这是不正确的（额外的“.get”）：

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

应该：

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

正如所Jimmie Johansson观察到的，没有调用初始化（或就此而言的代码地址）

工作示例

于 2013-11-09T15:57:33.260 回答
1

您是否在任何地方运行 initialize() ？没有它，您的地图将不会显示。

于 2013-11-09T14:18:23.803 回答