Google Map Markerの色をランダムに設定するにはどうすればよいですか。 -- javascript フィールド 関連 問題

How Can i set google map marker color randomly?












0
vote

問題

日本語

JavaScriptで初心者である今、私はアプリケーションプロジェクトの追跡で働いています。私はGoogle Map Markerの色をランダムに変更したい。私のコード

<事前> <コード> if(type == 'user') { var marker = new google.maps.Marker({ map: map, icon: 'http://maps.google.com/mapfiles/ms/icons/yellow.png', position: point, label: icon.label }); } else { var marker = new google.maps.Marker({ map: map, icon: 'http://maps.google.com/mapfiles/ms/icons/green.png', position: point, label: icon.label }); // var pt = new google.maps.LatLng(point); } marker.addListener('click', function() { infoWindow.setContent(infowincontent); infoWindow.open(map, marker); }); }); }); }

私はGoogle Mapで同じ色でユーザーを取得しています。マーカーの色をランダムに変更したい.Any私を助けてください。

英語

i am beginner in javascript now i am working in tracking application project.now i want to change google map marker color randomly.here is my code

if(type == 'user')           {           var marker = new google.maps.Marker({             map: map,              icon: 'http://maps.google.com/mapfiles/ms/icons/yellow.png',             position: point,             label: icon.label           });         }         else         {            var marker = new google.maps.Marker({             map: map,              icon: 'http://maps.google.com/mapfiles/ms/icons/green.png',             position: point,             label: icon.label           });            // var pt = new google.maps.LatLng(point);          }            marker.addListener('click', function() {             infoWindow.setContent(infowincontent);             infoWindow.open(map, marker);           });         });       });     } 

i getting lot of user in same color in google map.now i want to change marker color randomly.any one please help me.

</div
  

回答リスト

1
 
vote
vote
ベストアンサー
 
  • 複数の色を持つ配列を作成します。
  • Math.floor(Math.random() * SIZE_OF_ARRAY) + 1 を使用して値を生成します。
  • 値配列から動的に色を選択するには、そのランダム値を使用します。
 
  • Create an array with multiple colors.
  • Use Math.floor(Math.random() * SIZE_OF_ARRAY) + 1 to generate the value.
  • Use that random value to select the color dynamically from your value array.
</div
 
 
1
 
vote

すべてのSRCを持つ配列を作成する

<事前> <コード> var icons = ["http://maps.google.com/mapfiles/ms/icons/yellow.png", "http://maps.google.com/mapfiles/ms/icons/red.png", ...etc ];

および icon: items[Math.floor(Math.random()*icons .length)]

を入れることができます。
 

Make an array with all src you can have

var icons = ["http://maps.google.com/mapfiles/ms/icons/yellow.png",             "http://maps.google.com/mapfiles/ms/icons/red.png",          ...etc ]; 

and in the icon: you can put items[Math.floor(Math.random()*icons .length)]

</div
 
 
 
 

関連する質問

0  LazyWeb:要素の訪問されたクラスに基づいてLI要素を削除するJavaScriptが必要  ( Lazyweb need javascript that removes li elements based on visited class of a el ) 
すでにクリックしたように、必要なデータがたくさんあるこのページを持っていますが、頻繁に青色を探す必要があるので、頻繁に繰り返されます。私はこれがより効率的かもしれないことに気づいて、それが含まれているリンクが訪問されたかどうかに基づいて要素を隠されたように設定...

35  ASP.NETカスタムクライアント側の検証  ( Asp net custom client side validation ) 
.NET 2.0 Webサイトでのユーザーコントロールのカスタム検証機能があり、支払われた手数料はかかりません。 ascx ファイルにバリデータコードを置き、 Page.ClientScript.RegisterClientScriptBlock() ...

0  GWTのJavaからJavaScriptに匿名のJavaScriptオブジェクトを渡すにはどうすればよいですか。  ( How can i pass an anonymous javascript object from java to javascript in gwt ) 
JavaScriptライブラリを丸くするGWTラッパーを作成しています。 JavaScript関数の1つは、その引数として匿名オブジェクトを取ります。: <事前> <コード> obj.buildTabs({ hide: true, placeholder: ...

1279  jQueryでクッキーを設定/設定解除するにはどうすればよいですか。  ( How do i set unset a cookie with jquery ) 
jQueryを使用してCookieを設定して設定します。たとえば、 test という名前のクッキーを作成し、 1 ?に設定します。 ...

54  2つの関数の違いは? ( "関数x" vs "var x =関数")[重複]  ( The difference between the two functions function x vs var x function ) 
この質問はすでにここで回答を持っています 閉じられた 8年前> 可能な重複: JavaScript:var functionname = function(){} vs関数name(){} < / a> :の違いは何ですか ...

44  トリプル引用符? ASP.NETでデータバインドJavaScript Stringパラメータを区切る方法  ( Triple quotes how do i delimit a databound javascript string parameter in asp n ) 
Anchor OnClick でJavaScriptデータバインド文字列パラメータを区切りますか? 私はASP.NETリピータコントロールにアンカータグを持っています。 アンカーの OnClick イベントには、JavaScript関数への呼び出しが含ま...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

0  JavaScript - 2つの入力のどちらに焦点が当てられていない場合の検出  ( Javascript detecting when neither of two inputs has focus ) 
ページ上の2つの入力に焦点を当てていないときに、特定の機能を呼び出すことができます。ユーザが単に1つの入力から他方の入力に切り替わると、関数を呼び出すことを望まない。任意のアイデア? ...

2  サーバーを必要としないクライアント側(JavaScript)グラフライブラリはありますか? [閉まっている]  ( Is there a client side javascript graph library that doesnt require a server ) 
この質問はスタックオーバーフローガイドラインを満たしていません。現在答えを受け付けていません。 この質問を改善したいですか? ...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有