使用google map api製作自定義標記v3

Question

我正在使用google map API V3。我想用自定義標記來代替那個紅色標記。此前代碼爲

var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    // display map 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    if(display_marker) { 
     // create a map marker 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: latlng 
     }); 
    } 

，但自定義標記，我改變了代碼

var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    // display map 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 


     // create a map marker 
     var image = 'imgs/pin.png'; 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: latlng, 
      icon: image 
     }); 

，但尚未這是行不通的。

Answer 1

的映像路徑可能不正確，但

你也可以消除var image，只是定義var marker下的圖標，根據您的情況。

var marker = new google.maps.Marker({ 
      map: map, 
      position: latlng, 
      icon: 'imgs/pin.png', 
     }); 

Answer 2

你的代碼看起來沒問題。

也許圖像路徑是關閉的。

嘗試把pin.png在同一文件夾中的地圖，然後改變

var image = 'imgs/pin.png';

到

var image = 'pin.png';

如果成功，那麼你需要修改的路徑，可能類似於

var image = '/imgs/pin.png';

或

var image = '../imgs/pin.png';