Javascript 如何使用谷歌地图API定制不同的CSS标记？

我想这样做：

在本例中，markerLayer覆盖地图上的所有标记，我只希望它应用于特定的标记

var myoverlay=new google.maps.OverlayView（）；
myoverlay.draw=函数（）{
//这将为markerlayer窗格分配一个id，以便CSS可以引用它
this.getPanes（）.markerLayer.id='markerLayer'；
};
设置映射（map）您只需要创建一个“常规”标记，如我的示例中的第三个：

var marker3 = new google.maps.Marker({
    position: {
          lat: 40.5,
          lng: -74.3
    },
    map: map,
    optimized: true // This will NOT draw the marker in the custom `draw` function
});



简单地图
html，
身体
#地图画布{
高度：500px；
宽度：960px；
边际：0px；
填充：0px
}
#markerLayer img{
边框：2件纯红！重要；
宽度：85%！重要；
身高：90%！重要；
边界半径：5px；
}
var映射；
函数初始化（）{
变量映射选项={
缩放：9，
中心：新google.maps.LatLng（40.6，-74）
};
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
//我使用http://ruralshores.com/assets/marker-icon.png 作为图标
var myIcon='1〕http://ruralshores.com/assets/marker-icon.png';
var marker1=新的google.maps.Marker({
职位：{
纬度：40.8，
液化天然气：-74
},
地图：地图，
图标：我的图标，
优化：错误
});
var marker2=新的google.maps.Marker({
职位：{
纬度：40.6，
液化天然气：-74.5
},
地图：地图，
图标：我的图标，
优化：错误
});
var marker3=新的google.maps.Marker({
职位：{
拉丁美洲：40.5，
液化天然气：-74.3
},
地图：地图，
优化：对
});
//我创建了一个OverlayView，并将其设置为将“markerLayer”类添加到markerLayer DIV中
var myoverlay=new google.maps.OverlayView（）；
myoverlay.draw=函数（）{
this.getPanes（）.markerLayer.id='markerLayer'；
};
设置映射（map）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；