2016-12-07 18 views
0

私は、Web Storage(特にsessionStorage)を使ってGoogle Mapのインスタンスを保存しようとしています。ユーザーの郵便番号に基づいて生成されたマーカーをマーカーとして使用しています。sessionStorageとGoogle Maps

これの機能は次のとおりです。郵便番号と「店舗」の

  1. ユーザーを検索します。
  2. マップは、見つかった各場所にマーカーを付けて生成します。
  3. ユーザーは結果/マーカーをクリックし、「店舗の場所のランディングページ」にリンクします。
  4. ユーザーは検索に戻ることができます。
  5. 結果/マーカーで検索した地図はそのまま残る必要があります。

これはsessionStorageで可能ですか?

おかげ

答えて

0

はい、これは可能ですが、窓が閉じているときのsessionStorageが一掃されます。ウィンドウが閉じていてもそれらを保持したい場合は、localStorageを使用してください。

するのsessionStorageにデータを保存するには、次のような構文を使用したい:

sessionStorage.setItem('name_of_key', 'value_for_key'); 

をのsessionStorageと詳細なヘルプについては、MDN pageをチェックしてください。

+0

ありがとう@vemonus。私は、ウィンドウが閉じられてもデータを保持する必要はないので、sessionStorageを使用します...実際のマップインスタンスを保存する方法はわかりません。ありがとう。 – WankChunk

+0

@WankChunkウェブストレージは文字列しか格納しないので、マップを保存することはできません。あなたはおそらくマップから座標を保存し、マップを再ロードしたときにそれに基づいてマップを再構築することができます。別の考え方は、マップインスタンスを使って座標に基づいてカスタムURLを作成し、* that *をsessionStorageに保存することです。 – Vemonus

+0

ありがとう@Vemonus、私はそれをショットを与えるよ! – WankChunk