問題タブ [jqvmap]

地図を表示してさまざまな国をクリックできるシンプルな Web サイトを作成しようとしています。

外観にはブートストラップを使用し、マップには jqvmap を使用したいと考えています。

ウィンドウのサイズ変更に合わせてマップを動的に調整するのは難しい場合があると読みましたが、実際に機能させる必要があります。今<div>のところ、ウィンドウのサイズに適応させることができましたが、適応させる方法もわかりませんsvg。enableZoom: true連動している可能性があり、パラメータでもズームイン、ズームアウトボタンが効かない。

コンソールを見ると、次のエラーが表示されますが、インターネットで検索しても解決策が見つかりませんでした:

と

それらはかなり似ており、同じ問題から来ていると思います。

このタグ<g transform="scale(NaN) translate(NaN, NaN)">は、タグの直接の子です<svg>。jQuery を使用してこの属性を変更し、ワイルドな推測をしようとしましたが、間違っていると推測しました。

これが私のコードです:

どんな助けでも大歓迎です。

良い一日を。私は JQVmap を使用しています。svg マップにないいくつかの要素をマウスオーバーしているときにツールチップを表示しようとしています。

これは、一部の国が非常に小さいという問題を解決するためのものです。そのため、マップ上にギリシャやシンガポール (たとえば) のツールチップを表示するボタンをいくつか提供したいと考えています。

実際に、jquery.vmap.js でトリガーされるのと同じイベントをトリガーしようとします。

私はこれをやった：

この：

もちろん、運がなければ。

このエラーを受け取った2回目の試行：

だから私はそのパラメータに関数を割り当てることによってそれを解決しようとします:

次のような関数を定義しました。

しかし、それは何も解決しません。同じ問題を抱えていて、なんとか解決した人はいますか？

最後に、マップで使用されているものと同様のツールチップを作成することもできますが、マップ ロジックを使用したいと思います (ボタンを「本物の」偽の領域として新しいマップを作成するのは非常に困難です)。そして長い）。