Google Maps API 3 - デフォルト（ドット）マーカーのカスタムマーカーカラー 質問する

アイコン画像を動的にリクエストすることができます。Google チャート APIURLは次のとおりです:

http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FE7569

これは次のようになります:画像は21x34ピクセルで、ピンの先端の位置は(10, 34)です。

また、別の影の画像も必要になります (近くのアイコンと重ならないようにするため)。

http://chart.apis.google.com/chart?chst=d_map_pin_shadow

これは次のようになります:画像は40x37ピクセルで、ピンの先端の位置は(12, 35)です。

あなたが構築するときマーカー画像それに応じてサイズとアンカー ポイントを設定する必要があります。

    var pinColor = "FE7569";
    var pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor,
        new google.maps.Size(21, 34),
        new google.maps.Point(0,0),
        new google.maps.Point(10, 34));
    var pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow",
        new google.maps.Size(40, 37),
        new google.maps.Point(0, 0),
        new google.maps.Point(12, 35));

        var marker = new google.maps.Marker({
                position: new google.maps.LatLng(0,0), 
                map: map,
                icon: pinImage,
                shadow: pinShadow
            });