クリスマスマーケットでは、現在Googleマップの地図を作成しています。マーケットブースを表すさまざまなアイコンのスプライトをさまざまなサイズでロードします。
(グレー表示されたバージョンは非アクティブ化ステータス用です): http:
//www.felixkittler.de/area51/googlemaps/buden.html
ユーザーがズームインまたはズームアウトしない限り、これまでのところすべてが正常に機能します。ズームインまたはズームアウトしない場合、ブースは拡大縮小されないため、大きすぎたり小さすぎたりします。
同じマーカーを含むが、スケーリングされたmarkerImagesを使用して、別のアイコンのセットを事前定義する可能性があると思いました。残念ながら、これを機能させることはできません。
for(i=0; i<markerSizes.length; i++){
var aktiv = new google.maps.MarkerImage(
"http://www.felixkittler.de/area51/googlemaps/buden/SPRITE.png",
new google.maps.Size(markerSizes[i], 27, "px", "px"),
new google.maps.Point(85, i*30),
new google.maps.Point(0, 0),
new google.maps.Size(markerSizes[i]*2, 14) //this doesn't work!!!
);
gicons_aktiv.push(aktiv);
}
私はまだzoom_changedイベントを追跡していませんが、スケーリングされたアイコンを使用するバージョンのファイルを設定しました:http:
//www.felixkittler.de/area51/googlemaps/buden_scaled.html
(行で(x2)をスケールアップ) 116&125)。
この問題を解決する方法はありますか?私が使用しているスプライトはこれだけではないので、同じスプライトの複数の解像度をアップロードすることは避けたいと思います。スケールアップまたはスケールダウンの方がはるかに便利です。
ありがとう!!!