????? ??? ?????? ?? ???? ??? ?????. ?? ??? ??,

?? ?????? ? ? ????? ?? ??? ???? ?? ?? ??? ?? ??? ?? ????? ?????? ???? ??? ??? ??? ?? ????? ??? ???? ??? ??? ???? ? ????.

Google Maps API? ??? ?? ??? ?? ? ?? ??? ??? ??? ??? ????. ??? ???? ??? ?? ? ? ??? ????? ?? ??? ??? ????.
• ??? ?? ?? ???, ?? ? ??? ?? ? ? ??? ?? ?? ?? ????? ? ????? ??? ?? ??? ?? ?????. ?? ??? ??? ???? ??? ??? ??? ?? ??? ????.
? ??? ???? ?? ???? ?? ? ?? ?? ??? ??? ??????. ?, ? ??? CSS3 ?????? ???? ???? ????? ?? ??, ?? ?? ???????.
• ???? ??? ????? ??? ??????? ??? ?? ??? ???? CSS ?????? ???? ??? ??? ? ????. ? ???? ?? ????? ?? ? ??? ??? ??? ??? ? ????. (Ryan Connolly? Felipe Figueroa? ? ?? ?? ??? ???? ?????.) optimized: false ??? ????? ??? ??? ????. ??? Cheshire Cat? ????? ? 3 ?? ?? ??? ?? ?????. ??? ??? ?? ??? ???? ?????? ??? ? ????. ?? ? ?? ?? OverlayView
?? ?? :
• ?? ??? ? ??? CSS ????? ??? ????? ?????. 1 ?? : ??? ??? ???? ??????

2 ?? : SET ?? ?? ? ??? ?? DOM ??? ??? ? ? ????.

var catIcon = {
    url: myImageURLhere,
    size: new google.maps.Size(70, 60),
    scaledSize: new google.maps.Size(70, 60),
    origin: new google.maps.Point(0,0)
};

? ?????? ??? ? ??? ?? ??? ???? DOM?? ??? ? ? ??????. OverlayView ????? ID? ?? ???? ???? CSS?? ??? ? ????. ? ? ?? ???? ?? ??? ???? ?????. ? ?? ?? ???? ???? ?? ??? ?????.

var marker = new google.maps.Marker({
    position: latLng,
    map: map,
    icon: catIcon,
    optimized: false
});

var myoverlay = new google.maps.OverlayView();
myoverlay.draw = function() {
    this.getPanes().markerLayer.id = 'markerLayer';
};
myoverlay.setMap(map);