jquery – GMaps V3 InfoWindow – 禁用关闭“x”按钮

前端之家收集整理的这篇文章主要介绍了jquery – GMaps V3 InfoWindow – 禁用关闭“x”按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
从我看到的,在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>在地图上。

猜你在找的jQuery相关文章