Кастомный курсор в Google Maps

работает в Chrome 13, Firefox 4, Safari 5

Таблица совместимости в браузерах

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
    html { height: 100%;}
    body {
        height: 100%;
        margin: 0px;
        padding: 0px;
    }
    body, body * {
        cursor: url('data:uri:image/gif;base64,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'), auto !important;
    }
    #map_canvas {
        height: 100%;
    }
</style>
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }

</script>
</head>
<body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%;"></div>
</body>
</html>