Добавление свойств в глобальные объекты

Question

Я знаю, что это распространенный вопрос, и я новичок в JS, но я полностью зациклен даже после поиска в StackOverflow в течение нескольких часов.

Я использую API Карт Google и хочу отслеживать мои маркеры по ассоциации с идентификатором. Так что я var pinArray = new Object() как глобальную переменную, и добавить маркеры, как это:

function CreateMarkers (data){    
     data.forEach(function(store) {   
      <!-- CREATE MAP MARKER --> 
      var mapLat = store.latitude; 
      var mapLong = store.longitude; 
      var mapLatLng = { lat: parseFloat(mapLat), lng: parseFloat(mapLong) };      
      var marker = new google.maps.Marker({ 
       position: mapLatLng, 
       title: store.name,   
       icon: { 
        path: google.maps.SymbolPath.CIRCLE, 
        scale: 8.5, 
        fillColor: 'Green', 
        fillOpacity: 0.8, 
        strokeWeight: 0.6, 
       },    
       zIndex: 0 
      }); 
      cluster.addMarker(marker); 
      var key = store.Id; 
      pinArray['${key}'] = marker;       
     }) 
    } 

Где cluster является var cluster = new MarkerClusterer(map);.

Когда я пытаюсь сделать console.log(pinArray); назад за пределами функции, я получаю пустой объект: Object {}. Я также пробовал не использовать строчную интерполяцию, например pinArray[store.Id] = marker;, но получаю ту же проблему.

Мне нужно сохранить эту глобальную связь между выводами и идентификаторами, потому что мне нужно ссылаться и обновлять маркеры по их идентификатору в других функциях. Или, по крайней мере, я думаю, что знаю, я открыт для других способов сделать это. Помощь очень ценится; заранее спасибо.

Answer 1

Обычно, когда я сделал что-то подобное в прошлом, я буду использовать стандартный яваскрипт массива вместо опознали объект:

var pinArray = []; 

Затем используйте толчок, чтобы добавить маркеры к нему, как вы перейти:

pinArray.push(Marker); 

При создании чеки вы можете включить ваш ключ в его определении свойства:

var marker = new google.maps.Marker({ 
      position: mapLatLng, 
      title: store.name,   
      icon: { 
       path: google.maps.SymbolPath.CIRCLE, 
       scale: 8.5, 
       fillColor: 'Green', 
       fillOpacity: 0.8, 
       strokeWeight: 0.6, 
      },    
      zIndex: 0, 
      key: store.Id 
     }); 

, и вы можете написать простую функцию поиска цикла, чтобы найти отдельный маркер карты, если вам нужно потянуть их по идентификатору. Что-то вроде:

function GetMarkerByKey(key) { 
    var i = 0; 
    while (pinArray[i].key != key) {i++} 
    return pinArray[i]; 
} 

Кроме того, если вы используете его в динамическом обработчике события мыши или парить вы можете использовать это свойство для определения того, какие маркера они активизируют его.

~~~ Редактированное, чтобы исправить ошибку синтаксиса ~~~

Answer 2

var pinArray присваивает переменной в пределах объема функции она определена. Самый безопасный способ гарантировать, что вы определяете переменную как глобальную, независимо от того, где вы находитесь внутри функции, - это присвоить ее window.

window.pinArray = new Object();