在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

回答

相关问题