Google지도에서 localstorage 데이터를 사용하는 방법은 무엇입니까?

Question

잘 작동하는 Google지도가 있습니다.

난과 같이지도의 마커/위치를 채울 :

var locations = [ 
['Test 1', 'somewhere', 'map-marker-icon.png'] 
      , 

      ['Test 2', 'London', 'map-marker-icon.png'] 
      , 

      ['Test 3', 'essex', 'map-marker-icon.png'] 
      , 


]; 

를 자, 내가 위에서처럼 내 HTML 파일 내의 모든 위치와 같은 내 코드를 실행하면, 내 코드는 잘 작동하고 모든 마커는 내지도에 표시됩니다.

그러나 localstorage에 정확한 위치가 저장되어있어 Firestorage/Firbug에서 볼 수 있습니다.

로컬 스토리지는 다음과 같습니다

['Test 1', 'somewhere', 'map-marker-icon.png'] 
      , 

      ['Test 2', 'London', 'map-marker-icon.png'] 
      , 

      ['Test 3', 'essex', 'map-marker-icon.png'] 
      , 

그래서 내가 지금처럼지도의 마커를 만들 로컬 스토리지를 사용하려고 :

var nowMarker = localStorage.getItem('mapMarkers'); 
var locations = [ 
nowMarker 
]; 

을하지만 전혀 작동하지 않고 내 말은 나는 나의지도에 어떤 표식이라도 전혀 얻지 않는다!

이 경우에도 가능하며, 그렇다면이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

어떤 도움이나 조언을 부탁드립니다. 여기

을 사용하여 VAR 위치로 페이지 상단의 위치를 ​​붙여 복사/경우 작동 FIDDLE

이다 = [...]; 코드가 잘 작동하지만 ... 같은 위치/문자열/배열 또는 localstorage에서 호출 할 때 무엇이든 사용하려고하면 맵에 마커가 표시되지 않습니다. 샘은 그의 대답에서 나에게 주신, 나는 약간을 변경 그래서 나는 그것을 내 방식대로 할 수있는 시도하지만 여전히 작동 할 수없는 것을 바탕으로

편집

! 여기

내가 먼저 로컬 스토리지를 설정 한 다음 다시 그것을 얻을 다음 locations에서 사용하려고, 기본적으로 FIDDLE

입니다.

Answer 1

localStorage.setItem('mapMarkers', JSON.stringify(locations)); 
locations = JSON.parse(localStorage.getItem('mapMarkers')); 

이 기능을 사용해보십시오. 테스트하지 않았지만 정상적으로 작동합니다.

편집 : 내게 이것을 입력하십시오. fiddle