![](/img/trans.png)
[英]Using the google street view image api v3 how do I Save street view images with javascript
[英]How do I make a custom close button for google maps api v3 street view?
我正在尝试在google maps api街景模式中自定义那个非常小的关闭按钮:
如何自定义街景关闭按钮?
我在谷歌小组中找到了这个参考 ,解释了如何将dom对象推入街道地图视图。
然后我做了一些自定义编码,这就是我提出的:
window.addEventListener('DOMContentLoaded', function( e ){
// Get close button and insert it into streetView
// #button can be anyt dom element
var closeButton = document.querySelector('#button'),
controlPosition = google.maps.ControlPosition.RIGHT_TOP;
// Assumes map has been initiated
var streetView = map.getStreetView();
// Hide useless and tiny default close button
streetView.setOptions({ enableCloseButton: false });
// Add to street view
streetView.controls[ controlPosition ].push( closeButton );
// Listen for click event on custom button
// Can also be $(document).on('click') if using jQuery
google.maps.event.addDomListener(closeButton, 'click', function(){
streetView.setVisible(false);
});
});
<button id="button" class="btn">×</button>
.btn {
margin-right: 10px;
font-size: 2em;
padding: .2em .4em;
font-family: sans-serif;
background-color: white;
}
继承人jsbin上的完整演示 ( 提示 :将街景人员放到地图上)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.