谷歌地图MarkerImage精灵是空白的（隐形，透明）

Question

我正在使用图片精灵来定义Google地图（v3）标记对象的MarkerImage。精灵图像从0,0（左上角）向下100像素。代码如下：

(function () {
    var icon = new google.maps.MarkerImage(
       "//localhost:8000/public/img/sprite.png",
        new google.maps.Size(25, 25),
        new google.maps.Point(0, -100));
    var position = new google.maps.LatLng(39.27, -105.99);
    var marker = new google.maps.Marker({icon: icon, position: position});
    marker.setMap(map);
}());

此代码是正确的。然而，标记图像不会显示。

注意：我发现了这个问题的解决方案。我正在创建这个问题，因为这里还没有回答。它可能会为我节省很多时间，就像它对我一样。