从Google Map删除标题标签属性

时间:2018-12-07 05:12:20

标签: javascript jquery css wordpress google-maps

enter image description here

当用户将鼠标悬停在标记上时,我想完全删除title标记。到目前为止,这是我尝试过的。

jQuery("[title]").removeAttr("title");
jQuery("*").removeAttr("title");

都不行。

我也参考了以下解决方案。

removing default mouseover tooltip from marker in google-maps

title of a marker of google map marker API

但是找不到任何实际上删除标题标签的解决方案。

1 个答案:

答案 0 :(得分:0)

我已经更新了脚本集属性:title:”。

已更新 并且有效:http://jsfiddle.net/edf3gwuk/

var infowindow = new google.maps.InfoWindow();

function point(lat, long) {
    var self = this;
    self.name = name;

    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, long),
        title: '',
        map: map,
        draggable: true
    });

    google.maps.event.addListener(marker, 'mouseover', function (e) {
        
        e.mb.target.removeAttribute('title')
        
        //infowindow.setContent(marker.title);
        //infowindow.open(map, marker);        
    }.bind(this)); 
    
    google.maps.event.addListener(marker, 'mouseout', function () {
        
        infowindow.close();
    }.bind(this));
    
   
}

var map = new google.maps.Map(document.getElementById('googleMap'), {
    zoom: 5,
    center: new google.maps.LatLng(55, 11),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

new point(58, 14);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=&sensor=false"></script>
<section id="Map">
            <div id="googleMap" style="width:350px;height:600px;"></div>
        </section>

我的解决方案设置为标签内容为空