我在做google map api的应用,在地图中点击标记,会出现一个标签,标签里会显示一张图片。
关键js代码如下:
imgHtml = "<a href='" + img.src + "' target = '_blank' ><img style='padding:0;margin:0;border:0;width: 160px;" + css + "' alt='preview' src='" + img.src + "'>";
现在我想得到的效果是,点击这张图片,在新的html页面窗口中,能显示这张图片的地址,请问大侠们怎么实现?
关键js代码如下:
imgHtml = "<a href='" + img.src + "' target = '_blank' ><img style='padding:0;margin:0;border:0;width: 160px;" + css + "' alt='preview' src='" + img.src + "'>";
现在我想得到的效果是,点击这张图片,在新的html页面窗口中,能显示这张图片的地址,请问大侠们怎么实现?
解决方案 »
- 一个关于可以点击的下拉菜单问题
- 请教个动态创建控件的问题
- [原创] js slider控件(js版滑动条控件)兼容版
- 关于鼠标位于table的竖线上的响应问题-100分..能回答的拿吧.
- 请问如何实现 将整个 页面的所有 控件 的 enabled 属性 设为 false ?????? 急!!!
- 在javascript里怎样把一串数字像在vb中用format方法转换成千进制的数?谢谢~
- 请教:网页里怎么调用C++写的 ActiveX 接口函数 ,用Javascript写也成啊.
- 请问,出现了运行时间的错误,未结束的字符串变量,怎么解决
- $.getJSON 数据为空或不是对象
- 一个很辣手的问题,200分求救高手!
- 关于javascript表单验证的效果问题
- 我想用JQuery写个从页面载入就一直运行的代码,可是浏览器一调试就崩溃
在img.html里显示这个图片
楼主可以网上查下window.open()用法,比如
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no')
当然你也可以做个
<div id="img" style="display:none">//默认是隐藏的
<img src=""/>
</div>
你需要显示时,让这个div显示
楼主可以搜索下CSS种display用法
var loc = '<img src="http://avatar.profile.csdn.net/A/7/1/2_warning2005.jpg" />'
w .document.write(loc)
var loc = '<img src="http://avatar.profile.csdn.net/A/7/1/2_warning2005.jpg" />';
w.document.write(loc);
但是你所的 html获取Js另有所指吗
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title>Mapbar</title>
<script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31.3&k=aCW9cItqL6d6dy5sMeTpT70oEefzOYDsEeFhMYMyZeTyMeQnORVh@C5qET0cp0o0cdysaccMMhEMeyepY0EWeayfZ05Zp00eMaM0Y5aTYFaMC0VeyzY6MCeyzpYy/2P="></script>
<script type="text/javascript">
var maplet = null;
function initMap(){
maplet = new Maplet("mapbar");
maplet.centerAndZoom(new MPoint(116.38749,39.90515), 8);
maplet.addControl(new MStandardControl());
var er = new MMarker(
new MPoint(116.38749,39.90515),
new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32),
//new MInfoWindow("<b style='margin-left:3px'>$blog[subject]</b>", "<span style='margin-left:3px'>$blog[address]</span> ")
new MInfoWindow("<p>天安门</p><div style='width:220px;height:150px;border:1px solid gray;overflow-y:auto'><a href='http://www.mapbar.com' target='_blank'><img src='http://open.mapbar.com/images/logo_api.png'style='float:left;border:none;'/></a><div>天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。</div></div>")
);
document.getElementById("E:\\maptesthtml\\aa\\11.bmp")
var win1 = new MInfoWindow
maplet.addOverlay(er);
er.openInfoWindow();
}
</script>
</head>
<body onload="initMap();">
<div id="mapbar" style="width:500px;height:300px"></div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title>Mapbar</title>
<script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31.3&k=aCW9cItqL6d6dy5sMeTpT70oEefzOYDsEeFhMYMyZeTyMeQnORVh@C5qET0cp0o0cdysaccMMhEMeyepY0EWeayfZ05Zp00eMaM0Y5aTYFaMC0VeyzY6MCeyzpYy/2P="></script>
<script type="text/javascript">
var maplet = null;
function initMap(){
maplet = new Maplet("mapbar");
maplet.centerAndZoom(new MPoint(116.38749,39.90515), 8);
maplet.addControl(new MStandardControl());
var er = new MMarker(
new MPoint(116.38749,39.90515),
new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32),
//new MInfoWindow("<b style='margin-left:3px'>$blog[subject]</b>", "<span style='margin-left:3px'>$blog[address]</span> ")
new MInfoWindow("<p>天安门</p><div style='width:220px;height:150px;border:1px solid gray;overflow-y:auto'><a href='http://www.mapbar.com' target='_blank'><img src='http://open.mapbar.com/images/logo_api.png'style='float:left;border:none;'/></a><div>天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。</div></div>")
);
document.getElementById("E:\\maptesthtml\\aa\\11.bmp")
var win1 = new MInfoWindow
maplet.addOverlay(er);
er.openInfoWindow();
}
</script>
</head>
<body onload="initMap();">
<div id="mapbar" style="width:500px;height:300px"></div>
</body>
</html>