谷歌地圖信息框中的圖像不顯示

Question

我在VS 2015工作。

我需要創建一個標記點​​擊事件，從內容中彈出圖像和信息。

我試過一切，但我在那個位置的圖像似乎沒有工作。

這是我迄今所做的：

<script> 
    // Declare a varibale for map 
    var map; 
    // Get lattitude and longitude of Canberra Centre 
    var canberraCentre = new google.maps.LatLng(-35.2792284, 149.33); 

    // Initialise the map 
    function initMap() { 
    // Define the properties for Canberra Centre map 
    var canberraMap = { 
     center: canberraCentre, 
     zoom: 15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    // Create a map object for Canberra Centre 
    // using canberraMap and the <div> element with id="googleMap" 
    map = new google.maps.Map(document.getElementById("googleMap"), canberraMap); 

    // Add markers 
    addKinnMarker(map); 

    } 

    // Kinn marker 
    function addKinnMarker(map) { 
    var Kinn = new google.maps.LatLng(-35.279527, 149.133558); 
    var markerKinn = new google.maps.Marker({ 
     position: Kinn, 
    }); 

    markerKinn.setMap(map); 

    var contentKinn = 
     ' <h1>Kinn</h1>' + 
     ' <img src="D:\Uni\WDP\Assignment_1\Restaurants\src\Restaurants\wwwroot\images\Kinn\KinnLogosmall.JPG" border="0" width="100px" height="30" align="left">' + 
     ' <p>Kinn Thai Restaurant <br/>' + 
     'It is located on 125 Bunda Street in the Canberra Centre<br>' + 
     '<a href="http://www.kinnrestaurant.com.au/canberra/">Vist Kinn for more information</a>' + 
     ' </p>'; 

     var infoKinn = new google.maps.InfoWindow({ 
     content: contentKinn 
     }); 

     google.maps.event.addListener(markerKinn, 'click', 
     function() { 
      infoKinn.open(map, markerKinn); 
     }); 
     } 
</script> 

Answer 1

不知道你可以設置參照這樣的圖像（src屬性）。嘗試將圖像保存在項目目錄中，然後相應地更改路徑。