私は、度象限 (緯度、経度) 用の 3 つの選択リストを持つサイトのスクリプトに取り組んでいます。アイデアは、ユーザーが度象限を選択すると、緯度/経度分のマップを使用するかどうかを尋ねるというものです。彼らがオプトインすると、マップが表示され、マーカーを使用してその象限内の位置を示すことができます。
問題は、度のドロップダウンを変更すると、マーカーがマップから消えることがあるということです。さて、時にはそれはかなり具体的であるように思われます-一度失敗すると、それに対しては機能しないように見えます. ただし、値をランダムに変更し続けると、ある時点で「動かなくなって」再び機能し、他のものは失敗します。
開発ツールを確認したところ、Google マーカー アイコンを囲む div が全幅、0 の高さ (明らかに光速に近づいているようです) まで爆発し、画像が html から消えるようです。
さらに奇妙なのは、レンダリングに失敗した場合、左上隅などの赤い象限をクリックすると、多くの場合、マーカーが本来の場所に配置されることです。しかし、象限内のマーカーを別のコーナーに向かってドラッグすると、マーカーは消えます-コードを実行/ドラッグイベントを処理する必要はありません。これは説明できません。
この問題を示すための JSFiddle があり、何が問題なのかを理解するのを手伝ってくれる人に感謝します。スクリプトによると、マーカーの位置が設定された後、コンソールで確認すると、設定どおりに表示されるため、なぜ機能しないのかわかりません。
PS - 私の JS コードを許してください。これは現在、これを機能させようとしているカオス理論の実験です。
フィドル- http://jsfiddle.net/TkE87/light/
結果- http://jsfiddle.net/TkE87/embedded/result/
PSS - 少なくとも私にとっては、これらの問題をすべて再現するテストケースを以下に見つけてください。
Select 25,82
Click use map
Select 25,81
Marker shown
Select 25,80
Marker gone
Select 24,80
Marker gone
Select 24,81
Marker shown
Select 24,80
Marker gone
Click in upper left corner
Drag marker towards right in red square
Marker disappears ~1/4 way in