在Google地圖中顯示圖片infoWindow

我在谷歌地圖infoWindow中面臨一些顯示圖片的麻煩。實際上，我使用網頁鏈接顯示圖片沒有問題，但是在我的計算機上使用圖片時，即使它位於「JS」文件夾中也不起作用。在此先感謝您的答覆=）在Google地圖中顯示圖片infoWindow

下面是代碼：

function initialize() 
{ 
var myLatlng = new google.maps.LatLng(36.771186 , 3.001451); 
var map_canvas = document.getElementById('map_canvas'); 
var map_options = { 
    center: myLatlng, 
    zoom: 15, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

var map = new google.maps.Map(map_canvas, map_options); 

var contentString = '<div id="content">'+ 
    '<div id="siteNotice">'+ 
    '</div>'+ 
    '<h1 id="firstHeading" class="firstHeading">Agence "Amazing Designs"</h1>'+ 
    '<div id="bodyContent">'+ 
    '<img src="C:/Users/user/Documents/Aptana Studio 3 Workspace/ProjetWeb/JS/test.jpg"  width="300" height="200" />'+ 
    '</div>'+ 
    '</div>'; 

var infowindow = new google.maps.InfoWindow({ 
    content: contentString 
}); 

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
}); 
google.maps.event.addListener(marker, 'mouseover', function() { 
infowindow.open(map,marker); 
}); 
} 


google.maps.event.addDomListener(window, 'load', initialize);

來源

2014-01-12 yasmine92

的谷歌Chrome瀏覽器將不會默認本地文件由於安全原因加載。

讓你的瀏覽器安裝路徑的URL到您的鉻安裝如 C：\用戶，您的用戶名\ AppData \本地\谷歌\鉻\應用>
啓動的Google Chrome瀏覽器從命令行窗口輸入附加參數'-allow-file-access-from-files'。
如「路徑到Chrome安裝\的chrome.exe --allow-文件訪問從檔案」

來源

2014-01-12 18:03:19

但它在加載HTML和CSS中使用本地文件文件是否正常？ – yasmine92

讓我們假設你在本地文件系統中運行這個頁面（否則會因爲安全的限制工作，因爲卡羅MORETTO說）：

瀏覽器是不能夠認識到這是一個絕對路徑，它將把C作爲協議（這是未知）

預先考慮文件協議：

file:///C:/Users/user/Documents/Aptana Studio 3 Workspace/ProjetWeb/JS/test.jpg

來源

2014-01-12 18:44:44

仍然無法工作=（結果如下： http://image.noelshack.com/fichiers/2014/02/1389553417-test.jpg – yasmine92

打開developer-tools，你應該看到有什麼問題安全限制或錯誤路徑） –

它說：未能加載資源 – yasmine92

不提供圖片的網址一樣，而是使用。（點）和/（斜槓）

嘗試這種格式

<img src="../yourFolder/Aptana Studio 3 Workspace/ProjetWeb/JS/test.jpg"> // example location

來源

2014-01-13 07:00:19

在Google地圖中顯示圖片infoWindow

回答

相關問題