Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在谷歌地图信息窗口中显示图像_Javascript_Google Maps - Fatal编程技术网

Javascript 在谷歌地图信息窗口中显示图像

Javascript 在谷歌地图信息窗口中显示图像,javascript,google-maps,Javascript,Google Maps,我在谷歌地图信息窗口中显示图片时遇到了一些问题。 事实上,我在使用web链接显示图片时没有问题,但是在我的计算机上使用图片时,即使它位于“JS”文件夹中,它也不起作用。 提前感谢您的回复=) 代码如下: function initialize() { var myLatlng = new google.maps.LatLng(36.771186 , 3.001451); var map_canvas = document.getElementById('map_canvas'); var

我在谷歌地图信息窗口中显示图片时遇到了一些问题。 事实上,我在使用web链接显示图片时没有问题,但是在我的计算机上使用图片时,即使它位于“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);
函数初始化()
{
var mylatng=new google.maps.LatLng(36.771186,3.001451);
var map_canvas=document.getElementById('map_canvas');
变量映射_选项={
中心:myLatlng,
缩放:15,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(地图画布,地图选项);
var contentString=''+
''+
''+
'代理“惊人的设计”'+
''+
''+
''+
'';
var infowindow=new google.maps.infowindow({
内容:contentString
});
var marker=new google.maps.marker({
职位:myLatlng,
地图:地图,
});
google.maps.event.addListener(标记'mouseover',函数(){
信息窗口。打开(地图、标记);
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);

由于安全原因,默认情况下,Google Chrome浏览器不会加载本地文件

  • 获取你的Chrome安装路径的url到你的Chrome 安装 C:\Users您的用户名\AppData\Local\Google\Chrome\Application>

  • 使用以下命令从命令行窗口启动Google Chrome浏览器: 附加参数“–允许从文件访问文件”

  • 例如“chrome安装路径\chrome.exe” --允许从文件的


  • 让我们假设您在本地文件系统上运行此页面(否则,正如Carlo Moretto所说,由于安全限制,它将无法工作):

    浏览器无法识别这是一条绝对路径,它将采用C作为协议(未知)

    在文件协议前添加前缀:

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

    不要像那样提供图像url,而是使用。(点)和/(斜线)

    试试这种格式

    <img src="../yourFolder/Aptana Studio 3 Workspace/ProjetWeb/JS/test.jpg">  // example location
    
    //示例位置
    
    但它加载html和css文件中使用的本地文件正常吗?仍然不工作=(结果如下:打开开发人员工具,您应该会看到有什么问题(安全限制或错误路径)它说:加载ressource失败