javascript - 在 Google map 中对标记进行地理编码

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 永远不会被调用(正如 Anto Jurković 所说)。

2) 如果曾经调用过 codeAddress，则会在 codeAddress 中创建一个新的 map 实例，这是多余的。

3) 当您在代码顶部将邮政编码指定为字符串时，地理编码器将改为查找输入元素的值。

你的代码应该是这样的:

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