Javascript 如何在按钮单击事件上加载标记

我用javascript创建了一个

gMap

加载地图时，标记也会随地图一起加载。我想在单击“加载标记”按钮后加载标记。怎么做

JS:

var geocoder = new google.maps.Geocoder();

function geocodePosition(pos) {
  geocoder.geocode({
    latLng: pos
  }, function(responses) {
    if (responses && responses.length > 0) {

    } 
  });
}
function updateMarkerPosition(latLng) {
  document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
  ].join(', ');
}
function initialize() {
  var latLng = new google.maps.LatLng(-29.3456, 151.4346);
  var map = new google.maps.Map(document.getElementById('mapCanvas'), {
    zoom: 8,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  var marker = new google.maps.Marker({
    position: latLng,
    title: 'Position',
    map: map,
    draggable: true
  });


  updateMarkerPosition(latLng);
  geocodePosition(latLng); 
   google.maps.event.addListener(marker, 'drag', function() {

    updateMarkerPosition(marker.getPosition());
  });
}

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

<div id="info"></div>
<div id="mapCanvas"></div>
<button>Load MArker</button>

html:

var geocoder = new google.maps.Geocoder();

function geocodePosition(pos) {
  geocoder.geocode({
    latLng: pos
  }, function(responses) {
    if (responses && responses.length > 0) {

    } 
  });
}
function updateMarkerPosition(latLng) {
  document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
  ].join(', ');
}
function initialize() {
  var latLng = new google.maps.LatLng(-29.3456, 151.4346);
  var map = new google.maps.Map(document.getElementById('mapCanvas'), {
    zoom: 8,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  var marker = new google.maps.Marker({
    position: latLng,
    title: 'Position',
    map: map,
    draggable: true
  });


  updateMarkerPosition(latLng);
  geocodePosition(latLng); 
   google.maps.event.addListener(marker, 'drag', function() {

    updateMarkerPosition(marker.getPosition());
  });
}

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

<div id="info"></div>
<div id="mapCanvas"></div>
<button>Load MArker</button>

负载标记

var geocoder=new google.maps.geocoder（）；
功能地理编码定位（pos）{
地理编码({
车床：位置
}，职能（回应）{
if（responses&&responses.length>0）{
} 
});
}
函数更新标记位置（latLng）{
document.getElementById（'info'）。innerHTML=[
latLng.lat（），
latLng.lng（）
]。加入（‘，’）；
}
函数初始化（）{
var latLng=新的google.maps.latLng（-29.3456151.4346）；
var map=new google.maps.map（document.getElementById（'mapCanvas'）{
缩放：8，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var marker=new google.maps.marker({
位置：latLng，
标题：“职位”，
map:null，//看看这个问题，如何在我的代码中实现它，我实现了，但没有工作，在控制台中没有显示任何错误，谢谢…两者都很好。为了这个简单的事情，我尝试了很多东西。再次感谢