Thêm các thuộc tính cho các đối tượng toàn cầu

Question

Tôi biết đây là một câu hỏi phổ biến và tôi là một người mới, nhưng tôi hoàn toàn bối rối ngay cả sau khi tìm kiếm StackOverflow trong nhiều giờ.

Tôi đang sử dụng API Google Maps và muốn theo dõi các điểm đánh dấu của mình bằng cách liên kết với ID. Vì vậy, tôi có var pinArray = new Object() như là một biến toàn cầu, và thêm đánh dấu như thế này:

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;       
     }) 
    } 

đâu cluster là var cluster = new MarkerClusterer(map);.

Khi tôi cố gắng làm console.log(pinArray); trở lại bên ngoài chức năng, tôi nhận được một đối tượng trống: Object {}. Tôi đã cố gắng không sử dụng nội suy chuỗi là tốt, như pinArray[store.Id] = marker;, nhưng có cùng một vấn đề.

Tôi cần giữ liên kết toàn cầu này giữa các chân và ID vì tôi cần tham chiếu và cập nhật điểm đánh dấu bằng ID của chúng trong các chức năng khác. Hoặc ít nhất, tôi nghĩ rằng tôi làm, tôi mở cửa cho những cách khác để làm điều này. Trợ giúp được rất nhiều đánh giá cao; cảm ơn bạn trước.

Answer 1

Thông thường khi tôi đã thực hiện một cái gì đó như thế này trong quá khứ tôi sẽ sử dụng một mảng javascript tiêu chuẩn thay vì một đối tượng ID'd:

var pinArray = []; 

Sau đó sử dụng push để thêm dấu nó như bạn đi:

pinArray.push(Marker); 

Khi bạn tạo pin bạn có thể đưa chìa khóa của bạn trong định nghĩa tài sản của mình:

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 
     }); 

và bạn có thể viết một chức năng tra cứu vòng lặp đơn giản để tìm điểm đánh dấu bản đồ riêng lẻ nếu bạn cần kéo chúng bằng ID. Một cái gì đó như:

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

Ngoài ra, nếu bạn đang sử dụng nó trong trình xử lý sự kiện động để nhấp hoặc di chuột, bạn có thể sử dụng thuộc tính này để xác định điểm đánh dấu nào đang kích hoạt.

~~~ Edited để sửa chữa một lỗi cú pháp ~~~

Answer 2

var pinArray gán biến trong phạm vi chức năng nó được định nghĩa. Cách an toàn nhất để đảm bảo bạn đang xác định một biến là toàn cầu, bất kể bạn ở đâu bên trong một hàm, là gán nó cho window.

window.pinArray = new Object();