Javascript 在谷歌地图信息窗口中显示图像
我在谷歌地图信息窗口中显示图片时遇到了一些问题。 事实上,我在使用web链接显示图片时没有问题,但是在我的计算机上使用图片时,即使它位于“JS”文件夹中,它也不起作用。 提前感谢您的回复=) 代码如下: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
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浏览器不会加载本地文件
让我们假设您在本地文件系统上运行此页面(否则,正如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失败