地図上にいくつかの場所を表示するために、foursquare API を使用しています。カテゴリのアイコンをレンダリングしようとすると、一部の画像で 404 が返されます。例:
https://foursquare.com/img/categories_v2/shops/mall.png
そのため、foursquare がアイコンに使用するパスであるこのパスに一致するようにパターンを変更します。
https://foursquare.com/img/categories_v2/shops/mall_32.png
問題は、これらのアイコンの背景が透明であることです (わかりにくいように見えます)。これらのマーカーを何らかの背景に付ける方法を知りたいです。
ありがとう！
PD: 非推奨だと読んだので、シャドウを使用したくありません。
Google マップ マーカーは、DOM 要素ではなく Canvas 要素として配置され、背景画像に直接相当するものはありません。
次の 2 つのいずれかを試すことができます。
ハローまたは背景の四角形を備えた独自のマーカー イメージを作成し、そのイメージをマーカーiconの作成時に指定します (ドキュメントのマーカー オプションセクションを参照してください)。
次に、前景のない汎用background画像を作成し、必要なマーカーごとに、前景が背景に重なるように配置された2 つのマーカーを作成します。
最初のアプローチはより効率的であり、一般的に好まれます。
2 番目の方法は、多くの種類のマーカーがあり、それらのそれぞれを同じ背景画像に対して設定する場合に役立ちます。これは、クライアントの CPU と RAM の点では非効率的ですが、アートワークを準備する時間を節約できます。