マーカー用のカスタム動的アイコンを作成する方法はありますか?
私が作成したいのは、ポイントのリストであり、それが n 番目の要素であることを指定するマーカー内に数字「n」を入れます。
マーカー用のカスタム動的アイコンを作成する方法はありますか?
私が作成したいのは、ポイントのリストであり、それが n 番目の要素であることを指定するマーカー内に数字「n」を入れます。
はい。数値マーカーでカスタム アイコンを使用するか、Google に組み込まれているマーカー用の番号付けシステムを使用できます。
最後のオプション (カスタム マーカーを使用しない) を想定すると、マーカー定義コードは次のようになります。
var NUMBER_SHOWN='34';
var ICON_COLOR = 'ff6600';
var ICON_TEXT_COLOR = '000000';
var marker = new google.maps.Marker({
position: [LatLong Obj],
map: [Map Obj],
icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld='+NUMBER_SHOWN+'|'+ICON_COLOR+'|'+ICON_TEXT_COLOR
});
よくわかりませんが、これは2桁の数字でのみ機能すると思います。
EDIT
Geocodezip は、2 番目のアプローチが廃止されたことを正しく指摘しているため、最初のアプローチ (Google のカスタム番号付きアイコンを使用) を使用しているようです。使用方法については、Daniel Vassallo の回答をご覧ください。GET
ニーズ (色、外観など) に適合するマーカーがない場合は、数値ごとに独自のカスタム マーカーを作成できます (方法がわかっている場合は、 vars を渡すことができるサーバー側スクリプトを作成して、それを使用できます)。GD などを使用してアイコンを作成しますが、すべてのアイコンを手動で作成することもできます)