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>
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
Versuchen Sie, relativen Pfad zu verwenden ... Beispiel: /images/Kinn/KinnLogosmall.JPG und verwenden Sie diese Art von Backslash/ – exoslav
OMG ... das ist es. Vielen Dank. Das hat es behoben. – Jacky