如何禁用Google Map MouseOver

时间:2017-11-29 12:20:06

标签: asp.net google-maps

我正在制作一个aspx页面来跟踪车辆。我唯一坚持的是,我不知道如何从谷歌标记中删除工具提示文本。 数据显示正确。

在上图中,当我将光标放在标记图像上时会显示(1),而当我点击标记时,(2)就会显示。

我想隐藏(1)。怎么做?

我使用以下代码:

function initMap() {
        var image = '../images/FireTruck.png';
        var markers = JSON.parse('<%=ConvertDataTabletoString() %>');
        var mapOptions = {
            center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var infoWindow = new google.maps.InfoWindow();
        var map = new google.maps.Map(document.getElementById("map"), mapOptions);
        for (i = 0; i < markers.length; i++) {
            var data = markers[i]
            var myLatlng = new google.maps.LatLng(data.lat, data.lng);
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: data.title,
                icon: image
            });
            (function (marker, data) {
                google.maps.event.addListener(marker, "click", function (e) {
                    infoWindow.setContent(data.title);
                    infoWindow.open(map, marker);
                });
            })(marker, data);
        }
    }

1 个答案:

答案 0 :(得分:1)

不要设置标记的title属性(即设置工具提示的属性)。

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: data.title,  // <<<<<<<<<<<<<<<<<< REMOVE THIS
    icon: image
});