设置GoogleMaps标记javascript

我将自定义谷歌地图嵌入我的主页（在“联系人”下）——但是如何在地图上设置标记并将其自身映射到正确的位置呢

对html的补充是：

<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="map.js"></script>

---

在初始化函数中，您需要添加

var标记

变量。下面是单击时在地图上设置标记的简单示例。希望这有帮助

函数初始化映射（）{
变量选项={
中心：新google.maps.LatLng（21.1569106.113），
缩放：15
};
map=new google.maps.map（document.getElementById（'map-canvas'），选项）；
directionsDisplay=new google.maps.DirectionsRenderer（）；
infoWindow=new google.maps.infoWindow（）；
marker=新的google.maps.marker（）；
方向显示.setMap（地图）；
}
google.maps.event.addListener（映射，'click'，函数（事件）{
地点标记（事件标记）；
});
功能位置标记（位置）{
geocoder.geocode（{latLng:location}，函数（响应，状态）{
if（status==google.maps.GeocoderStatus.OK）{
控制台日志（响应）；
如果（响应[0]）{
marker.setMap（map）；
标记器。设置位置（位置）；
infoWindow.setContent（响应[0]。格式化的\u地址）；
信息窗口。打开（地图、标记）；
}
}
});
}

什么是“正确的地方”？在您现有的代码中没有。

function initialize() {
        var mapCanvas = document.getElementById('map-canvas');
        var mapOptions = {
          center: new google.maps.LatLng(44.5403, -78.5463),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(mapCanvas, mapOptions)
      }
      google.maps.event.addDomListener(window, 'load', initialize);