web-dev-qa-db-ja.com

VisualRefreshを使用したGoogleマップアイコン

VisualRefresh設定を使用しているときに、Googleマップの「新しい」デフォルトアイコンを使用するにはどうすればよいですか？

デフォルトのアイコンは次のとおりです： http://mt.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png&scale=1

以前のアドレスは次のようになりました： http://maps.google.com/mapfiles/marker_green.png ですが、同じアイコンで新しいアイコンと古いアイコンを使用しています地図がよく見えません。

google-mapsgoogle-maps-api-3visual-refresh
39
leochab

正式なリストはありませんが、調査はしました。

https://mt.google.com/vt/icon/text=A&psize=16&font=fonts/arialuni_t.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-b.png&ax=44&ay=48&scale=1

そのURLを使用すると、テキスト、サイズ、フォント、色を好みに応じて簡単に変更できます。
ただし、カラーパラメータはテキストの色のみを変更します。しかし、waypoint-b.pngをwaypoint-a.pngに変更すると、緑色のマーカーが表示されます。

アイコンリスト：

マーカー：

場所：

    

    

    

    

    

    

    

   

   

   

   

トラフィック：

その他：

URLを見て、Lにも注目してください。これは、SまたはMの場合もあります。_v_および_search_を名前に含めます。
交通機関のアイコンで、largeをtiny、mini、およびsmallに変更できます。

おそらくもっとあります。しかし、これは私がこれまでに見つけたすべてです。

92
77120

"77120"の回答によると、私は以下を使用しました：

http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•

しかし、まあ、それは機能しますが、最良の方法ではありません...

結局、私のコードは次のようになります。

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(46.951081, 7.438637),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

    var marker = new google.maps.Marker({
        icon: {
            url: 'http://mt.google.com/vt/icon?psize=27&font=fonts/Roboto-Bold.ttf&color=ff135C13&name=icons/spotlight/spotlight-waypoint-a.png&ax=43&ay=50&text=•&scale=1'
        },
        position: new google.maps.LatLng(46.951081, 7.438637),
        title:"My Custom Marker",
        animation: google.maps.Animation.DROP
    });

    // To add the marker to the map, call setMap();
    marker.setMap(map);
}
11
Martin Schilliger