繁体   English   中英

infowindow在小缩放级别上的错误位置。 谷歌地图api v3

[英]Wrong position of infowindow on small zoom levels. Google maps api v3

在小的缩放级别上,一个地方将显示两次或更多(世界地图水平重复)。 当我用标记在地图上放置标记时(例如-32.05604,115.74718),我会在地图上多次看到它。 这是正常的。

但是,如果我试图在鼠标悬停时显示infowindow,我会得到错误的行为。 Infowindow将始终显示在我的一个标记附近,并且从不接近其他标记,与鼠标光标下的标记无关。

请参见此处的示例:(尝试将鼠标移动到地图上的左侧标记)。 https://jsfiddle.net/m3wpk1gr/1/

如何显示鼠标下的标记信息?

我的代码:

function initialize() {

    var myLatLng = new google.maps.LatLng(-32.05604, 115.74718),
        myOptions = {
            zoom: 1,
            center: new google.maps.LatLng(-32.05604, 0)
        },
        map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
        marker = new google.maps.Marker({
            position: myLatLng,
            map: map
        });

    marker.setMap(map);

    var iw = new google.maps.InfoWindow();
    marker.addListener('mouseover', function() {
        iw.setContent('InfoWindow');
        iw.open(map, this);
    });
    marker.addListener('mouseout', function() {
        iw.close();
    });

}

initialize();

我担心你无法做任何事情来获得理想的结果(位置是正确的,因此当地图在地图上存在多次时,API必须做出决定)。

您可以做什么:将标记的optimized -option设置为false ,然后在较低的缩放级别不会重复它们

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM