从我看到的,在GMaps API v2中有一个属性“按钮”的InfoWindow对象,可以定义一种方式给定InfoWindow没有关闭按钮:
marker.openInfoWindowHtml("No Close Button",{buttons:{close:{show:4}}});
以上所述不适用于v3。有人知道一种方法吗?我读了一个替代InfoWindow的实用程序,名为InfoBox,但它没有开发过去2年。我目前使用的是最新的3.13版本的Gmaps v3 API。
解决方法
更新
显示< 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>在地图上。