無法更改Google Maps API中的標記圖標

Question

我使用Google Fusion Tables創建了一張地圖，並將地圖上傳到了一個HTML文檔中，我正在調整它以對地圖外觀進行微妙的更改。我想出瞭如何在點擊時插入一個可拖動的針腳/標記來顯示當前位置的街景，但我無法弄清楚如何改變標記的外觀。這裏是我對交互式街景標記的代碼。

 //street view pin 
     var contentString = '<div id="content" style="width:500px;height:400px;"></div>'; 
     var infowindow = new google.maps.InfoWindow({ 
     content: contentString 
     }); 

     var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     title: 'Click Here for Street View', 
     draggable: true 
     }); 

     google.maps.event.addListener(marker, 'click', function() { 
     infowindow.open(map, marker); 
     }); 

     var pano = null; 
     google.maps.event.addListener(infowindow, 'domready', function() { 
     if (pano != null) { 
     pano.unbind("position"); 
     pano.setVisible(false);    } 
     pano = new google.maps.StreetViewPanorama(document.getElementById("content"), { 
     navigationControl: true, 
     navigationControlOptions: {style: google.maps.NavigationControlStyle.ANDROID}, 
     nableCloseButton: false, 
     addressControl: false, 
     linksControl: false 
     }); 
     pano.bindTo("position", marker); 
     pano.setVisible(true); 
     }); 

     google.maps.event.addListener(infowindow, 'closeclick', function() { 
     pano.unbind("position"); 
     pano.setVisible(false); 
     pano = null; 
     }); 

我試着捏捏線7-14，將在

icon: 'cross_hairs_highlight' 

這是我想要的風格，但是當我嘗試在瀏覽器中打開HTML文檔的圖標消失。仍然有些東西我仍然可以拖動並點擊StreetView，但它不可見。

有什麼建議嗎？

您的幫助表示感謝！

JH

Answer 1

的icon值預計將是一個URL，而不是fusionTable-icon的名字（這些圖標，名稱僅可用於fusionTableLayer內再現的標誌）。

你會發現，這些圖標的列表（檢查圖像的屬性來檢索URL）在http://kml4earth.appspot.com/icons.html，所以您可以使用如：

icon:'http://maps.google.com/mapfiles/kml/pal3/icon52.png' 

當你想在居中標誌給定位置，您還必須指定錨點：

icon:{ 
     url: 'http://maps.google.com/mapfiles/kml/pal3/icon52.png', 
     anchor: new google.maps.Point(16,16) 
    }