カテゴリ名スペースの問題

Question

次のコード抽出を使用して、マップ上のマーカーを表示します。カスタムマーカーの色は、該当するカテゴリによって決まります。

var customIcons = { 
      Artefact: { 
      icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png', 
      shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
      }, 
      Coin: { 
      icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png', 
      shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
      }, 
      Jewellery: { 
      icon: 'http://labs.google.com/ridefinder/images/mm_20_yellow.png', 
      shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
      }, 
      Prescious Metal: { 
      icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png', 
      shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
      } 
      }; 

私が問題にしているのは、最後のカテゴリ「Prescious Metal」です。私の人生のために、言葉の間にスペースがあるときにスクリプトを動作させることはできません。私はこれを回避しようと思っていた ''を追加しようとしましたが、まだ動作しません。

Answer 1

JavaScriptオブジェクトリテラルのキーは、変数の命名規則に従っているか、文字列である必要があります。その周りに引用符を付けることで問題が解決されます。

var customIcons = { 
     "Artefact": { 
     icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png', 
     shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
     }, 
     "Coin": { 
     icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png', 
     shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
     }, 
     "Jewellery": { 
     icon: 'http://labs.google.com/ridefinder/images/mm_20_yellow.png', 
     shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
     }, 
     "Prescious Metal": { 
     icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png', 
     shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
     } 
     };