問題タブ [jqvmap]

質問はそれ自体を物語っています-私はすべてのドキュメントを調べましたが、明らかに何かが欠けています。

これが私の現在のjavascriptです：

私のページで私は呼び出しますIndex.initJQVMAP();

これを呼び出す：

私のHTMLには次のものがあります：

機能していない唯一の部分はピンです。地域コードの大文字と小文字を変更しようとしましたが、効果がありません。

私のコードは、ここで入手可能なドキュメントに従っているようです

誰が私が間違っているかを見ることができますか？ピンはまったく表示されません。

世界地図を表示するためにJQVMap ( http://jqvmap.com/ ) ワールド ビューを使用しています。国にカーソルを合わせると、ツールチップが表示されません。これは私のJavaScriptコードです:

ツールチップだけでなく、他のすべてが正常に機能します。ここで何が起こっているのかわかりません。

個々の国ではなく地域全体を選択することについて、StackOverflow ( https://stackoverflow.com/a/21825653/5580153 )のソリューションを使用して jqvmaps を拡張しようとしています。

目標：

1 - マップ上の地域 (アフリカ、東南アジアなど) をロールオーバーすると、一連の div が拡大および縮小するようにしようとしています。領域全体が強調表示され、正しい div がスタイルを変更するクラスを追加/削除する必要があります。

2 - さらに、リージョンをクリックまたは選択すると、追加されたクラスはクリックが解除されるまで保持されます。

3 - div をロールオーバーすると、関連する領域が強調表示されます。私がやったことがマップ全体のロードを妨げていたので、コードペンからそのために行ったいじりを削除しました...それは現在最高の優先度ではありませんが、「いい」でしょう.

問題: しばらくの間、地域全体を強調表示していましたが、何らかの理由で、個々の国だけを強調表示するように戻っています。この動作に戻るまで変更を取り除こうとしましたが、何をしたかを特定できません。

領域全体が強調表示に戻るように、間違ったことを解決するための助けが必要ですか? また、onRegionSelect 関数を意図したとおりに機能させることができないようです。

codepen はこちらから入手できます: http://codepen.io/anon/pen/mOrOjP

少し面倒ですが、何か助けていただければ幸いです。ありがとう！