【问题标题】:MarkerWithLabel shows the info window in only one marker [duplicate]MarkerWithLabel 仅在一个标记中显示信息窗口 [重复]
【发布时间】:2014-10-08 13:52:12
【问题描述】:

当我点击一个标记时,它会显示一个信息窗口,但不在正确的标记中。 它确实显示了正确的窗口,但标记错误。

我只有在使用 MarkerWithLabel 时才会遇到这个问题。普通标记可以正常工作。

获取 json

 // Load markers
function loadMarkers() {
    $.ajax({
        url: '/Home/GetJsonMarkers'
    }).done(function (data) {
        $.each(data, function (index, value) {
            handleMarkerAndWindow(value);
        });
    });
}

创建标记并添加监听器(包括标记和窗口的所有功能)

    function handleMarkerAndWindow(jsonMarker) {

    // Create and get marker
    var marker = createMarker(jsonMarker.Latitude, jsonMarker.Longitude, jsonMarker.Content);

    // Add marker to map
    marker.setMap(googleMap);

    // Create info window
    var infoMarkerWindow = createAndReturnMarkerWindow(jsonMarker.Content);

    // Add to array
    addMarkerAndWindow(marker, infoMarkerWindow);

    // Add listener to show the info window on marker click
    google.maps.event.addListener(marker, 'click', function () {

        // Close all windows
        closeAllMarkerWindows();

        // Open window
        infoMarkerWindow.open(googleMap, marker);
    });
}

创建标记

  // Creates a new marker
function createMarker(latitude, longitude, title) {
    return new MarkerWithLabel({
        position: createPosition(latitude, longitude),
        title: title,
        draggable: false,
        raiseOnDrag: false,
        labelContent: "$425K",
        labelAnchor: new google.maps.Point(22, 0),
        labelClass: "labels", // the CSS class for the label
        labelStyle: { opacity: 0.75 },
        labelInBackground: false,
        map : googleMap
    });
}

【问题讨论】:

    标签: javascript google-maps-api-3 google-maps-markers


    【解决方案1】:

    我刚刚读到:Google Map API - multiple icons in wrong spot

    显然我使用的库脚本存在问题。

    现在我正在使用给定链接中的打包版本,它又可以正常工作了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-07-27
      • 2013-09-02
      • 2016-09-21
      • 1970-01-01
      • 1970-01-01
      • 2012-11-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多