2016-07-02 8 views
0

Ich arbeite in VS 2015Bild in google map Info-Box zeigt nicht

Ich brauche eine Marke zu schaffen, auf Ereignis zu haben, klicken Sie auf das ein Bild und Infos von Inhalt Pop-up.

Ich habe alles versucht, aber das Bild, das ich an diesem Ort habe, scheint nicht zu funktionieren.

Das ist, was ich bisher getan habe:

<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> 

Antwort

0

nicht sicher, dass Sie Verweis auf Bild ähnlich (das Attribut src) festlegen. Versuchen Sie, Ihr Bild in Ihrem Projektverzeichnis zu speichern und ändern Sie den Pfad entsprechend.

+0

Es ist tatsächlich im Projektverzeichnis ... es ist wo alle Bilder gespeichert sind. Alle Bilder funktionieren wie normale Seitenbilder, aber nicht in dieser Situation. – Jacky

+0

Versuchen Sie, relativen Pfad zu verwenden ... Beispiel: /images/Kinn/KinnLogosmall.JPG und verwenden Sie diese Art von Backslash/ – exoslav

+0

OMG ... das ist es. Vielen Dank. Das hat es behoben. – Jacky