Angular-google-maps: アイコンのサイズを変更するにはどうすればよいですか?

作成日 2016年07月18日  ·  19コメント  ·  ソース: SebastianM/angular-google-maps

問題の説明
アイコンのサイズを事前定義されたサイズに変更したいと思います。 どうすればいいですか?

再現する手順と問題の最小限のデモ
現在の動作
スケーリングされたサイズのオプションはありません。

期待される/望ましい動作
アイコンのサイズを変更できるようにしたい。

angle2&angular2-google-mapsバージョン
最新

その他の情報

AgmMarker stale feature-request

最も参考になるコメント

マーカーのiconUrlプロパティに対してIconオブジェクトを使用できます。

私のアイコンは次のようになります:

{
      url: require('../images/vehicle-active.png'), // gives a data://<value>
      scaledSize: {
        height: 40,
        width: 40
      }
}

そして、これを[iconUrl]にバインドします。 'iconUrl'変数の名前は適切ではないかもしれませんが、ソースを見ると、gmapの 'icon'プロパティに渡されるだけです。

全てのコメント19件

私は同じことをしようとしていますが、ソースを見ると、それを行う方法はありません。アイコンを割り当てる唯一の方法はURLを使用することであり、google.maps.Iconオブジェクトを使用することはできません。 コードを変更してプルリクエストを作成することを考えていました。

@SebastianMマーカーのiconプロパティのgoogle.maps.Symbolとgoogle.maps.Iconを処理するコードを作成しました。明日フォークにプッシュして、確認できるようにします。

文字列オブジェクトとIconオブジェクトの両方をサポートし、プロパティの名前をiconに変更する必要があることに同意します
icon?: string|Icon;

4つの単体テストを破りましたが、フォークのアイコンが更新されています。 また、google-maps-types.tsファイルに追加しました。

@cdarken私はあなたのPRを見たばかりで、基本的に同じです。 プロパティ名についていくつか提案があります。 グーグルが使用する名前と一致させる必要があると思います。

@ rc3media下位互換性を維持しようとしたため、マーカーに「アイコン」アクセサーを追加しました

この機能はいつ追加されますか? この問題は8月のX_Xからのものです

マーカーのiconUrlプロパティに対してIconオブジェクトを使用できます。

私のアイコンは次のようになります:

{
      url: require('../images/vehicle-active.png'), // gives a data://<value>
      scaledSize: {
        height: 40,
        width: 40
      }
}

そして、これを[iconUrl]にバインドします。 'iconUrl'変数の名前は適切ではないかもしれませんが、ソースを見ると、gmapの 'icon'プロパティに渡されるだけです。

@bradseefeldアイコンを定義するコードをどこに配置しますか:typescriptコンポーネントのどこにありますか? 「名前が見つかりません」「require」というエラーが発生しました。

アプリの処理とパッケージ化にwebpackを使用しています。 require呼び出しを処理します。 webpackなどを使用していない限り、このソリューションが機能するとは思いません。

はい、webpackを使用しています。 それは動作しますが、私は追加する必要がありました:
declare function require(path: string);

Requireは必要ありません(少なくともIonicでは)

{
      url: 'assets/img/marker-me.png',
      scaledSize: {
        height: 40,
        width: 40
      }
}

@ sebrojas14これは、最新の1.0.0.xバージョンでは機能しなくなりました。
今は本当に「文字列」が必要です、提供されない場合はエラーをスローします。

この要望の多かった機能がいつ利用可能になるか、アイデアはありますか?

ありがとう

@pdanyszは私にとっては問題

@grreeenn私はすでにそのバージョンをインストールしました、そしてそれは私にエラーを投げます、それは私が尋ねる方法です:)

あなたのコードを共有できますか...多分私は何か間違ったことをしています:)

ありがとう

@pdanysz魔法の杖をなくしたので、ここからエラーを確認できません。 エラーを共有して、実際に何を処理しているのかを把握できれば、非常に役立ちます。 また、エラーを修正する方法を知るためにコードが必要になります。 言い換えれば、あなたを助けるために、私たちは問題を検査することができるように完全な複製が必要です。 それを教えていただけますか?

私はこのオブジェクトを使ってみました:

icon = {
        url: '/assets/images/img.png', 
        scaledSize: {
          height: 40,
          width: 20
        }
      };

そしてそれは私のために働きます。
ただし、マーカーはマップ上の複数の施設で使用されることになっているため、tsクラスの単一のプロパティを使用してこの機能を意図したとおりに機能させることはできません。 したがって、HTMLで[iconUrl] = "icon"を使用する代わりに、[iconUrl] = "getIcon(establishment)"を使用しようとしています。これにより、施設ごとに異なるURLで上記のオブジェクトが返されます。 これにより、agm-mapを読み込もうとしたときにアプリがフリーズします。 私がここに書いたものは、これが可能かどうかを伝えるのに十分ですか? 必要に応じて詳細を送信できます。
ありがとう!

StackOverflowのhrdkisbackによってこのコメントが見つかりました。

[iconUrl]='{"url": marker,"scaledSize": {"height": 10, "width": 10}}'

https://stackoverflow.com/questions/50812678/add-user-image-to-agm-marker-in-angular-5#comment88677807_50812678

この問題は、最近のアクティビティがないため、自動的に古いものとしてマークされています。 それ以上のアクティビティが発生しない場合は閉じられます。 貢献していただきありがとうございます。

このページは役に立ちましたか?
0 / 5 - 0 評価