將多個圖像變量定義爲標記

Question

我找不到任何地方的簡單答案。 我正在尋找定義多個圖像作爲與谷歌地圖的標記，所以我可以使用if語句在它們之間切換。

var image = { 
url: 'images/green20.png', 
size: new google.maps.Size(20, 20), 
origin: new google.maps.Point(0, 0), 
anchor: new google.maps.Point(10, 10) 
    }; 

這是我用於我的標記之一。哪些後來在這裏使用：

for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map, 
    icon: image, 
    title: locations[i][0] 
    }); 

是否有可能以不同的方式命名var圖像？例如，我也想使用orange20.png。

不知怎的，使用類似：

if (locations[i][4]='vacant') { 
icon: image (green20.png) 
} else { 
icon: image (orange20.png) 
} 

Answer 1

肯定的是，for loop本身，你可以根據任何你想改變image變量。

for (i = 0; i < locations.length; i++) { 

    var image = { 
     size: new google.maps.Size(20, 20), 
     origin: new google.maps.Point(0, 0), 
     anchor: new google.maps.Point(10, 10) 
    } 

    if(locations[i][4] == 'vacant') { 
     image.url = 'http://example.com/image1.jpg' 
    } else { 
     image.url = 'http://example.com/image2.jpg' 
    } 

    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map, 
    icon: image, 
    title: locations[i][0] 
    }); 
}