Google maps 谷歌API v3标记，锚不显示

我是APi方面的新手，我有个问题。这张地图显示得很好，位置也很正确。。。。问题是，没有显示标记或锚

这是我的“一起复制”代码：D

我感谢你的帮助

<script src="http://maps.gstatic.com/intl/en_us/mapfiles/api-3/14/11/main.js" type="text/javascript"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 

    <script>
window.onload = function () {  
var styles = [
{
    featureType: 'landscape',
    elementType: 'all',
    stylers: [
        { hue: '#cccccc' },
        { saturation: -100 },
        { lightness: -10 },
        { visibility: 'off' }
    ]
},{
    featureType: 'water',
    elementType: 'all',
    stylers: [
        { hue: '#efefef' },
        { saturation: -100 },
        { lightness: 74 },
        { visibility: 'on' }
    ]
},{
    featureType: 'road.local',
    elementType: 'all',
    stylers: [
        { hue: '#cccccc' },
        { saturation: -100 },
        { lightness: -20 },
        { visibility: 'simplified' }
    ]
},{
    featureType: 'road.highway',
    elementType: 'all',
    stylers: [
        { hue: '#8fbd2d' },
        { saturation: -38 },
        { lightness: -28 },
        { visibility: 'on' }
    ]
},{
    featureType: 'water',
    elementType: 'all',
    stylers: [

    ]
},{
    featureType: 'poi',
    elementType: 'all',
    stylers: [
        { hue: '#CCCCCC' },
        { saturation: -100 },
        { lightness: 9 },
        { visibility: 'simplified' }
    ]
},{
    featureType: 'transit',
    elementType: 'all',
    stylers: [
        { hue: '#8fbd2d' },
        { saturation: 60 },
        { lightness: 20 },
        { visibility: 'on' }
    ]
}
];
var options = {
mapTypeControlOptions: {
    mapTypeIds: [ 'Styled']
},
center: new google.maps.LatLng(51.218342, 6.775817),
zoom: 16,
mapTypeId: 'Styled'
};
var div = document.getElementById('map');
var map = new google.maps.Map(div, options);
var styledMapType = new google.maps.StyledMapType(styles, { name: 'Styled' });
map.mapTypes.set('Styled', styledMapType);}

var marker = new google.maps.Marker();
marker.setPosition(new google.maps.LatLng(51.218342, 6.775817));
marker.setMap(map);


</script>

window.onload=函数（）{
变量样式=[
{
功能类型：“景观”，
elementType:'全部'，
样式：[
{色调：'#中交'}，
{饱和：-100}，
{亮度：-10}，
{可见性：“关闭”}
]
},{
功能类型：“水”，
elementType:'全部'，
样式：[
{色调：'#efefef'}，
{饱和：-100}，
{亮度：74}，
{可见性：'在'}
]
},{
featureType:“road.local”，
elementType:'全部'，
样式：[
{色调：'#中交'}，
{饱和：-100}，
{亮度：-20}，
{可见性：'简化'}
]
},{
功能类型：“道路.公路”，
elementType:'全部'，
样式：[
{色调：'#8fbd2d'}，
{饱和：-38}，
{亮度：-28}，
{可见性：'在'}
]
},{
功能类型：“水”，
elementType:'全部'，
样式：[
]
},{
featureType:“poi”，
elementType:'全部'，
样式：[
{色调：'#中交'}，
{饱和：-100}，
{亮度：9}，
{可见性：'简化'}
]
},{
featureType:“transit”，
elementType:'全部'，
样式：[
{色调：'#8fbd2d'}，
{饱和度：60}，
{亮度：20}，
{可见性：'在'}
]
}
];
变量选项={
mapTypeControlOptions：{
MapTypeId:['Styled']
},
中心：新google.maps.LatLng（51.218342,6.775817），
缩放：16，
mapTypeId:'已设置样式'
};
var div=document.getElementById（'map'）；
var map=newgoogle.maps.map（div，options）；
var styledMapType=new google.maps.styledMapType（样式，{name:'Styled'}）；
map.mapTypes.set（'Styled'，styledMapType）；}
var marker=new google.maps.marker（）；
marker.setPosition（新的google.maps.LatLng（51.218342,6.775817））；
marker.setMap（map）；

如果代码中存在语法错误，您应该查看javascript控制台并查看。您还存在一个计时问题，即在id为“map”的div存在之前初始化map

变量样式=[
{
功能类型：“景观”，
elementType:'全部'，
样式：[
{色调：'#中交'}，
{饱和：-100}，
{亮度：-10}，
{可见性：“关闭”}
]
},{
功能类型：“水”，
elementType:'全部'，
样式：[
{色调：'#efefef'}，
{饱和：-100}，
{亮度：74}，
{可见性：'在'}
]
},{
featureType:“road.local”，
elementType:'全部'，
样式：[
{色调：'#中交'}，
{饱和：-100}，
{亮度：-20}，
{可见性：'简化'}
]
},{
功能类型：“道路.公路”，
elementType:'全部'，
样式：[
{色调：'#8fbd2d'}，
{饱和：-38}，
{亮度：-28}，
{可见性：'在'}
]
},{
功能类型：“水”，
elementType:'全部'，
样式：[
]
},{
featureType:“poi”，
elementType:'全部'，
样式：[
{色调：'#中交'}，
{饱和：-100}，
{亮度：9}，
{可见性：'简化'}
]
},{
featureType:“transit”，
elementType:'全部'，
样式：[
{色调：'#8fbd2d'}，
{饱和度：60}，
{亮度：20}，
{可见性：'在'}
]
}
];
函数初始化（）{
变量选项={
mapTypeControlOptions：{
MapTypeId:['Styled']
},
中心：新google.maps.LatLng（51.218342,6.775817），
缩放：16，
mapTypeId:'已设置样式'
};
var div=document.getElementById（'map'）；
var map=newgoogle.maps.map（div，options）；
//创建一个新的StyledMapType对象，将样式数组传递给它，
//以及要显示在地图类型控件上的名称。
var styledMapType=新的google.maps.styledMapType（样式，
{name:“Styled”}）；
//将样式化映射与MapTypeId关联，并将其设置为显示。
map.mapTypes.set（'map\u style'，styledMapType）；
setMapTypeId（'map_style'）；
var marker=new google.maps.marker（）；
marker.setPosition（新的google.maps.LatLng（51.218342,6.775817））；
marker.setMap（map）；
}
google.maps.event.addDomListener（窗口，'load'，initialize）；

<script type="text/javascript">
var styles = [
{
    featureType: 'landscape',
    elementType: 'all',
    stylers: [
        { hue: '#cccccc' },
        { saturation: -100 },
        { lightness: -10 },
        { visibility: 'off' }
    ]
},{
    featureType: 'water',
    elementType: 'all',
    stylers: [
        { hue: '#efefef' },
        { saturation: -100 },
        { lightness: 74 },
        { visibility: 'on' }
    ]
},{
    featureType: 'road.local',
    elementType: 'all',
    stylers: [
        { hue: '#cccccc' },
        { saturation: -100 },
        { lightness: -20 },
        { visibility: 'simplified' }
    ]
},{
    featureType: 'road.highway',
    elementType: 'all',
    stylers: [
        { hue: '#8fbd2d' },
        { saturation: -38 },
        { lightness: -28 },
        { visibility: 'on' }
    ]
},{
    featureType: 'water',
    elementType: 'all',
    stylers: [

    ]
},{
    featureType: 'poi',
    elementType: 'all',
    stylers: [
        { hue: '#CCCCCC' },
        { saturation: -100 },
        { lightness: 9 },
        { visibility: 'simplified' }
    ]
},{
    featureType: 'transit',
    elementType: 'all',
    stylers: [
        { hue: '#8fbd2d' },
        { saturation: 60 },
        { lightness: 20 },
        { visibility: 'on' }
    ]
}
];

function initialize() {
  var options = {
      mapTypeControlOptions: {
      mapTypeIds: [ 'Styled']
    },
    center: new google.maps.LatLng(51.218342, 6.775817),
    zoom: 16,
    mapTypeId: 'Styled'
  };
  var div = document.getElementById('map');
  var map = new google.maps.Map(div, options);

  // Create a new StyledMapType object, passing it the array of styles,
  // as well as the name to be displayed on the map type control.
  var styledMapType = new google.maps.StyledMapType(styles,
    {name: "Styled"});
  //Associate the styled map with the MapTypeId and set it to display.
  map.mapTypes.set('map_style', styledMapType);
  map.setMapTypeId('map_style');

  var marker = new google.maps.Marker();
  marker.setPosition(new google.maps.LatLng(51.218342, 6.775817));
  marker.setMap(map);
}
google.maps.event.addDomListener(window,'load',initialize);
</script>