Question

我在这个网站上漫游有关地理编码标记的任何信息。但是，我已经尝试了一些答案，但我没有设法让它工作（我在编码方面是一个业余爱好者），所以有人可以帮助我对我的标记进行地理编码吗？显然，使用此代码时标记丢失。我需要在这种情况下对邮政编码进行地理编码，即邮政编码1058JA。提前谢谢！

var geocoder;
var map;
var Postcode;

Postcode = '1058JA';

function initialize() {
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(52.368465, 4.903921);
  var mapOptions = {
    zoom: 8,
    center: latlng
  }
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);


function codeAddress() {
        geocoder = new google.maps.Geocoder();

        geocoder.geocode( {'address': document.getElementById("address").value },
          function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
              Postcode = results[0].geometry.location;
              map = new google.maps.Map(document.getElementById("map_canvas"),
              {
                center: Postcode,
                zoom: 11,
                mapTypeId: google.maps.MapTypeId.ROADMAP
              });
            var marker=new google.maps.Marker({
        position:results[0].geometry.location,
        });
        marker.setMap(map);
            } 
            else {
              document.getElementById("address").value = status;
            }
          }
        );

      }  
}
google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

您的代码存在一些问题。

1）永远不会调用codeAddress（如AntoJurković所说）。

2）如果曾经调用过多的mapAddress，那么就会在codeAddress中创建一个新的map实例。

3）虽然您已将Postcode指定为代码顶部的字符串，但地理编码器正在寻找输入元素的值。

您的代码应该是这样的：

var geocoder;
var map;
var Postcode;

Postcode = '1058JA';

function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(52.368465, 4.903921);
    var mapOptions = {
        zoom: 8,
        center: latlng
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    codeAddress();
}

function codeAddress() {
    geocoder = new google.maps.Geocoder();
    geocoder.geocode({'address': Postcode }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var marker = new google.maps.Marker({
                position: results[0].geometry.location,
            });
            marker.setMap(map);
        } else {
            document.getElementById("address").value = status;
        }
    });
}

google.maps.event.addDomListener(window, 'load', initialize);

Demo

在Google地图中对标记进行地理编码

1 个答案: