从我看到的,在GMaps API v2中有一个属性“按钮”的InfoWindow对象,可以定义一种方式给定InfoWindow没有关闭按钮:
marker.openInfoWindowHtml("No Close Button",{buttons:{close:{show:4}}});
以上所述不适用于v3。有人知道一种方法吗?我读了一个替代InfoWindow的实用程序,名为InfoBox,但它没有开发过去2年。我目前使用的是最新的3.13版本的Gmaps v3 API。
如果没有更好的解决方案,使用jQuery的解决方法是可以接受的。
解决方法
更新
显示< div>在google地图的顶部是straigt前进:
示例css
div.info {
position: absolute;
z-index: 999;
width: 200px;
height: 100px;
display: none;
background-color: #fff;
border: 3px solid #ebebeb;
padding: 10px;
}
信息类< div>标记中的某处:
<div id="myinfo" class="info"><p>I am a div on top of a google map .. </p></div>
总是很好有一个短的引用div:
var info = document.getElementById('myinfo');
更棘手的部分,显示< div>,如何和何时 – 这里我只是分配一个点击处理程序到地图(创建后),并显示信息< div>在鼠标位置XY在地图内:
google.maps.event.addListener(map,'click',function(args) {
var x=args.pixel.x; //we clicked here
var y=args.pixel.y;
info.style.left=x+'px';
info.style.top=y+'px';
info.style.display='block';
});
你所获得的是,信息< div>在地图上跟随你,每次你点击。
>你将需要更多的样式,以便它适合你的需要,例如所以它“看起来像一个InfoBox”,但应该很容易找到,我不是一个图书管理员:)
>也许以后的东西,以关闭信息,但你不想在第一个地方:)
原答案
你不能!在当前的v3.13 InfoWindow options中没有办法做到这一点。
解决方法是禁用包含X的图像:
<style>
img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"] {
display: none;
}
</style>
但这绝不是可取的!
src =“http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png是信息窗口指向今天。明天,一个月或一年,这个图像引用你可以看到,如果你搜索类似的“解决方案”,随着时间的推移,像this.他们都是今天破碎,例如努力是无意义的。
我认为在google上有非常好的逻辑“拒绝”遵循隐藏关闭按钮的请求。如果你不需要一个关闭按钮,你还需要一个InfoWindow什么?当你最好只是显示一个< div>在地图上。