Javascript 在谷歌地图上的infowindow旁边显示HTML面板
我正在使用GoogleMap3库开发GoogleMapWeb应用程序,我想在单击infowindow上的按钮时添加HTML面板。面板位置始终位于信息窗口旁边。每个人都能帮助我或给我一个例子来解决这个问题吗 看起来是这样的: 例如,我有一些代码,我可以在div内容的右侧显示div面板吗Javascript 在谷歌地图上的infowindow旁边显示HTML面板,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我正在使用GoogleMap3库开发GoogleMapWeb应用程序,我想在单击infowindow上的按钮时添加HTML面板。面板位置始终位于信息窗口旁边。每个人都能帮助我或给我一个例子来解决这个问题吗 看起来是这样的: 例如,我有一些代码,我可以在div内容的右侧显示div面板吗 <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Info windows</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
// This example displays a marker at the center of Australia.
// When the user clicks the marker, an info window opens.
function initialize() {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var contentString = '<div id="content">'+
'<div id="btn_know_more"> Know more'+
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Uluru (Ayers Rock)'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
<div id="panel">
<!--Content panel-->
</div>
</body>
</html>
看这可能是你会得到一些想法:谢谢,但它不喜欢我的想法,你的问题是?请查看我的代码并帮助我。非常感谢