Google maps api 3 谷歌地图Api V3样式地图

我在实现Google Maps APi样式的地图时遇到了一点问题，我可以通过删除var styles&map.setoptions）使位置和自定义标记正常工作，但一旦我尝试在地图中添加Google styles编码，就不再有效了，有什么想法吗

<script type="text/javascript">
      function initialize() {
        var styles = [ 
          { 
          featureType: "water", 
          elementType: "geometry.fill",
          stylers: [ 
            { color: "#73b6e6" }
            ] 
            },{
          featureType: "road.highway",
          elementType: "geometry.fill",
          stylers: [ 
            { color: "#ffffff" } 
            ] 
            },{
          featureType: "road.highway",
          elementType: "geometry.stroke",
          stylers: [
            { color: "#c8c8c8" }
            ] 
            },{
          featureType: "road.local",
          stylers: [ 
            { color: "#ffffff" } 
            ] 
            },{
          featureType: "road.arterial",
          elementType: "geometry.fill", 
          stylers: [ 
            { color: "#ffffff" } 
            ] 
            },{
          featureType: "road.arterial",
          elementType: "geometry.stroke",
          stylers: [ 
            { color: "#c8c8c8" } 
            ] 
            },{
          featureType: "road.highway",
          elementType: "labels.text.stroke",
          stylers: [ 
            { visibility: "off" } 
            ] 
            },{
          featureType: "road.arterial", 
          elementType: "labels.text.stroke",
          stylers: [ { visibility: "off" } 
            ] 
            },{
          featureType: "poi",
          elementType: "labels",
          stylers: [ { "visibility": "off" } 
            ] 
            },{
          featureType: "poi.park",
          stylers: [ { color: "#cae6a9" } 
            ] 
            },{
          featureType: "administrative.neighborhood",
          elementType: "labels.text.fill",
          stylers: [ { "visibility": "off" } 
            ] 
            }
        ];
        map.setOptions({styles: styles});
        var mapOptions = {
          center: new google.maps.LatLng(-34.94533,138.58934),
          zoom: 14,
          scrollwheel: false,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("location-map"),
            mapOptions);
        var image = 'images/main/location.png';
        var myLatLng = new google.maps.LatLng(-34.94533,138.58934);
        var beachMarker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image
        });
      };
    </script>

函数初始化（）{
变量样式=[
{ 
特色类型：“水”，
elementType:“几何体.填充”，
样式：[
{颜色：{73b6e6}
] 
},{
功能类型：“道路。公路”，
elementType:“几何体.填充”，
样式：[
{颜色：#ffffff}
] 
},{
功能类型：“道路。公路”，
elementType:“几何体.笔划”，
样式：[
{颜色：#c8c8c8}
] 
},{
featureType:“road.local”，
样式：[
{颜色：#ffffff}
] 
},{
功能类型：“道路.干线”，
elementType:“几何体.填充”，
样式：[
{颜色：#ffffff}
] 
},{
功能类型：“道路.干线”，
elementType:“几何体.笔划”，
样式：[
{颜色：#c8c8c8}
] 
},{
功能类型：“道路。公路”，
elementType:“标签.文本.笔划”，
样式：[
{可见性：“关闭”}
] 
},{
功能类型：“道路.干线”，
elementType:“标签.文本.笔划”，
样式器：[{可见性：“关闭”}
] 
},{
特征类型：“poi”，
elementType:“标签”，
样式器：[{“可见性”：“关闭”}
] 
},{
功能类型：“poi.park”，
样式器：[{color:#cae6a9}
] 
},{
featureType:“管理。邻居”，
elementType:“标签.文本.填充”，
样式器：[{“可见性”：“关闭”}
] 
}
];
setOptions（{styles:styles}）；
变量映射选项={
中心：新google.maps.LatLng（-34.94533138.58934），
缩放：14，
滚轮：错误，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“位置图”），
地图选项）；
var image='images/main/location.png'；
var mylatng=new google.maps.LatLng（-34.94533138.58934）；
var beachMarker=new google.maps.Marker({
职位：myLatLng，
地图：地图，
图标：图像
});
};

HTML代码

<div id="location-map" style="background-color: #E5E3DF; overflow: hidden;">
</div>

---

在您创建之前，映射变量不存在，但您正在此行之前调用map.setOptions：

var map = new google.maps.Map(document.getElementById("location-map"),
            mapOptions);

map.setOptions({styles: styles});

var map = new google.maps.Map(document.getElementById("location-map"),
            mapOptions);

只需移动这一行：

var map = new google.maps.Map(document.getElementById("location-map"),
            mapOptions);

map.setOptions({styles: styles});

var map = new google.maps.Map(document.getElementById("location-map"),
            mapOptions);

在此之后：