Google maps 使用自定义标记

我想在地图上使用自定义标记（图像）

当前我的代码如下所示：

<script>
function myMap() {
  var mapCanvas = document.getElementById("map");
  var mapOptions = {
    center: new google.maps.LatLng(47.3921611, 8.4957963),
    zoom: 14
  }

  var map = new google.maps.Map(mapCanvas, mapOptions);
}
</script>

函数myMap（）{
var mapCanvas=document.getElementById（“map”）；
变量映射选项={
中心：新google.maps.LatLng（47.3921611,8.4957963），
缩放：14
}
var map=new google.maps.map（mapCanvas，mapOptions）；
}

如何将其实现到我的代码中？

来自：

将其添加到问题代码中的代码段：

函数myMap（）{
var mapCanvas=document.getElementById（“map”）；
变量映射选项={
中心：新google.maps.LatLng（47.3921611,8.4957963），
缩放：14
}
var map=new google.maps.map（mapCanvas，mapOptions）；
var图像处理https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
var beachMarker=new google.maps.Marker({
位置：map.getCenter（），
地图：地图，
图标：图像
});
}
google.maps.event.addDomListener（窗口'load'，myMap）
html，
身体，
#地图{
身高：100%；
宽度：100%；
}

发布的代码中没有任何标记。@geocodezip如果有标记，就不会有问题。这正是我想要的。非常感谢你！
var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
    var beachMarker = new google.maps.Marker({
      position: {lat: -33.890, lng: 151.274},
      map: map,
      icon: image
    });