带有按钮的Infowindow
带有按钮的Infowindow
提问于 2012-09-26 15:26:10
您好，我正在尝试将按钮放在窗口中，当我单击按钮时，至少会发生一些操作，alert.below是我的代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
zoom: 7,
center: new google.maps.LatLng(12.98,77.59),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
var infoWindow = new google.maps.InfoWindow();
(function() {
var marker = new google.maps.Marker({
map: map,
draggable: false,
position: new google.maps.LatLng(12.98,77.59)
});
var content = "<div id='tabs'>"+
"<form id='button'>"+
"<div>"+
"<input type='button' onclick='alert(infoWindow)'>"+
"</div>"+
"</form>"+
"</div>";
google.maps.event.addListener(marker, 'click', function(event) {
infoWindow.setContent(content);
infoWindow.open(map, marker);
});
})();
};
</script>
</head>
<body onload="initialize()">
<div id="map" style="width:400px; height:300px"></div>
</body>
</html>在这里我可以添加按钮，但不能使它成为work..Any帮助将不胜感激
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-09-26 15:35:01
可以将alert()中的值作为变量传递，而不是作为字符串传递。您需要在单引号或双引号中传递此参数
var content = "<div id='tabs'>"+
"<form id='button'>"+
"<div>"+
"<input type='button' onclick='alert(\"infoWindow\")'>"+ // here
"</div>"+
"</form>"+
"</div>"; 现在试试这个。
Stack Overflow用户
发布于 2012-09-27 00:16:49
如果你想从InfoWindows中获得更多内容，我建议你试试InfoBox。查看参考here
它有一些额外的东西，比如关闭内置的窗口。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12596659
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号