Javascript 谷歌地图地理编码API加载

我正在寻找调整样本谷歌地图代码找到这里，使其地理编码的地址页面加载。因此，不再需要固定坐标（已经从我的视图文件中加载），并且应该在没有人机交互的情况下自行进行地理编码

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.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);
    }
  });
}

---

谢谢你的帮助。

不知道你在问什么。如果希望在页面显示时对地址进行地理编码，则

#address

元素中需要有一个值：

<input type="text" id="address" value="1600 Pennsylvania Ave NW  Washington, DC 20500">

下面是一个JSFIDLE演示：

---

EDIT更新了jsFiddle，使使用自定义地址变得更容易：

Hi，非常接近。无论如何，我可以删除initialize方法上的默认latlong，以便将标记直接定位到我的自定义地址@olivier这些坐标（-34.397150.644）是你想要开始的坐标吗？或者您想使用哪个地址？@olivier我更新了JSFIDLE，以便更容易输入您自己的地址。你应该只需要用你想要使用的地址替换JavaScript中的内容。我这里有个问题，我在iframe上加载了五个页面，其中一个页面是google地图地理编码，我在window onload上调用一个函数来对地址进行地理编码，但是当第一个页面加载到iframe时，这个函数就会启动，我尝试了文档。就绪，wind.load，if（$（div）.is（：visible）），但在iframe的第一页加载时，所有东西都会触发，当我们单击下一步3次时，googlemap位于第三位，然后googlemap就来了！！

window.onload = function() {
    initialize();
    codeAddress();
}