javascript - 如何删除标记信息窗口中的 "x"关闭按钮?

标签 javascript jquery html google-maps-api-3 google-maps-markers

如何删除标记信息窗口中的“X”按钮?

[ “美人鱼奥布里卡(原名:奥布里·亚历克西斯)”, 36.8618,-76.203, 5、 “迈克·欧文/乔治亚·梅森”, “USAVE汽车租赁”, “弗吉尼亚海滩大道上的弗吉尼亚汽车租赁”, “ Assets /图像/1.jpg”, “成立” ] ]

var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    // center: new google.maps.LatLng(-33.92, 151.25),
    center: new google.maps.LatLng(36.8857, -76.2599),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();
var marker, i;

for (i = 0; i < locations.length; i++) {
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map
    });
    google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
        return function() {
            infowindow.setContent(locations[i][0]);
            infowindow.open(map, marker, this);
            marker.addListener('click', function() {
                map.setCenter(marker.getPosition());
                document.getElementById("map").style.width = "50%";
                google.maps.event.trigger(map, 'resize')
                map.setCenter(marker.getPosition());
                document.getElementById("data").style.display = "inline";
                document.getElementById("data").innerHTML = locations[i][0] + "<br />" + locations[i][4] + "<br />" + locations[i][5] + "<br />" + locations[i][6] + "<br />" + '<div class="row"><div class="col-md-4"><img class="img-responsive" src="' + locations[i][7] + '" /></div></div>';
                document.getElementById("button").style.display = "block";
            });
        }
    })(marker, i, infowindow));
    google.maps.event.addListener(marker, 'mouseout', function() {
        infowindow.close();
    });
}

最佳答案

这里有一个 CSS hack 可以完成这项工作,但如果将来 URL 发生变化,它可能就不那么好了......

    <style>
img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"] {
    display: none;
}
</style>

尝试检查页面以获取正确的图像资源...可能是...

https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png

而不是我引用的。

关于javascript - 如何删除标记信息窗口中的 "x"关闭按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37898281/

相关文章:

javascript - 打开一个新窗口,并调用 javascript 函数

javascript - Angular 2 组件可以与 index.html 上的元素交互吗?

javascript - 如何从 JSON 列表中获取特定数据

jquery - statechange 加载导致同一页面多次加载

javascript - jQuery .click 不会触发跨越多个元素的用户选择事件

javascript - 设置一个 HTML5 Video 元素来覆盖?

将 unicode 符号代码转换为 HTML 中的 utf-8 的 Javascript 函数

javascript - ParentNode 返回 false 值

python - 为什么这个 Python 正则表达式代码只找到空结果?

html - less 是不是像 CSS 一样被浏览器解释?