Question

我在谷歌地图infoWindow中面临一些显示图片的麻烦。实际上，使用网络链接显示图片没有问题，但是当我在计算机上使用图片时，即使它位于“JS”文件夹中也无法正常工作。在此先感谢您的回复=）

以下是代码：

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

Answer 1

不要提供像这样的图像网址而是使用。（点）和/（斜杠）

试试这种格式

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

Answer 2

出于安全原因，Google Chrome浏览器默认不会加载本地文件。

获取Chrome浏览器的Chrome安装路径的网址安装，例如 C：\用户-您的用户名\应用程序数据\本地\谷歌\铬\应用程序＆gt;
使用命令行窗口启动Google Chrome浏览器附加参数'-allow-file-access-from-files'。
E.g'chrome installation \ chrome.exe的路径 --allow-文件访问从-文件

Answer 3

我们假设您在本地文件系统上运行此页面（否则由于安全限制而无法正常工作，如Carlo Moretto所说）：

浏览器无法识别这是一个绝对路径，它将C作为协议（未知）

前置文件协议：

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

在谷歌地图infoWindow中显示图像

3 个答案: