Google Maps API自定義標記

我正嘗試使用各種形狀和顏色的自定義標記圖標創建地圖。我的代碼工作方式使得我可以在所有位置使用任何一個標記，但不能爲不同位置使用不同的標記。我目前正在將此編程到FileMaker Pro解決方案中，但是我正在使用Javascript編寫代碼。我是新來的Javascript和我撿的東西了，因爲我去，但下面的代碼是我到目前爲止有：Google Maps API自定義標記

var concus = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/red_customer.png'; 
var rencus = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/purple_customer.png'; 
var sercus = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/green_customer.png'; 
var connon = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/red_noncustomer.png'; 
var rennon = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/purple_noncustomer.png'; 
var sernon = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/green_noncustomer.png'; 

var imagenum; 

var markers = []; 
for (var i = 0; i < data.length; ++i) { 
    var latlng = new google.maps.LatLng(data[i].latitude, data[i].longitude); 
    var marker = new google.maps.Marker({position: latlng, map: map, icon: markerimage[i], title:data[i].label, info:data[i].info}); 

    markers.push(marker); 
}

「markerimage」後「圖標：」是存儲該數組「concus ，rencus，sercus ...等「從我的數據庫。如果我將「markerimage」替換爲任何特定的腳本，並向我顯示包含所有位置的地圖。如果我使用markerimage，我只能得到一張沒有任何內容的地圖。

任何幫助將不勝感激！

扎克

來源

2013-07-15 ZSButcher

可能重複[谷歌地圖多個自定義標記（http://stackoverflow.com/questions/16266772/google-maps-multiple-custom-markers ） – geocodezip

我試圖爲不同位置使用不同的標記，而不是多個位置使用不同的標記。 – ZSButcher

你看過那個例子的答案嗎？每個標記都有不同的圖標。或者你的意思是「不同地點的不同標記」有什麼不同？ – geocodezip

試試這個：

var iconBase = 'Dropbox/FileMaker Pro Files/FileMaker Pro Contract Bid Files/Images/'; 

var icons = { 
    concus: { 
    icon: iconBase + 'red_customer.png' 
    }, 
    rencus: { 
    icon: iconBase + 'purple_customer.png' 
    }, 
    sercus: { 
    icon: iconBase + 'green_customer.png' 
    }, 
    connon: { 
    icon: iconBase + 'red_noncustomer.png' 
    }, 
    rennon: { 
    icon: iconBase + 'purple_noncustomer.png' 
    }, 
    sernon: { 
    icon: iconBase + 'green_noncustomer.png' 
    } 
}; 


function addMarker(feature) { 
    var marker = new google.maps.Marker({ 
    position: feature.position, 
    icon: icons[feature.type].icon, 
    map: map 
    }); 
}

的

來源

2013-07-15 18:44:57 Unknown

我想我明白你做了什麼，但是我有一個關於「feature.type」的問題那是「concus，rencus ... etc」會去的地方嗎？或循環計數器會去哪裏？ – ZSButcher

是feature.type是「concus，rencus .. etc」會去的那個.. – Unknown

不幸的是它仍然不能正常工作：/ – ZSButcher

Google Maps API自定義標記

回答

相關問題