Question

我有一个页面在数据库中搜索输入邮政编码中的商店，将它们映射为谷歌地图上的POI，并在“显示地图”点击时显示地图。我的问题是，地图似乎只为每个其他点击生成。我提供了生成表和地图的代码（在同一个ajax调用中）。

更具体地说，我所指的点击是调用ajax代码的搜索功能的触发器 - 而不是“show map”点击。换句话说，当我第一次搜索邮政编码时，我能够查看地图。第二次搜索不产生地图，第三次产生地图......依此类推......

非常感谢任何帮助

代码如下：

function retrieve_stores_in_prox(){
    $('.trigger2').click(function() {   
        $("#map_store").each(function(){
            if ($(this).css("display") == "none")
            {
                $(this).css("display", "block");
            }
            else
            {
                $(this).css("display", "none");
             }
        })
    });
$(document).ready(function() {
    $('#storeList').empty().trigger("update");
    //initialize the store map

    var redicon = new GIcon();
    redicon.image = "images/redCircle.png";
    redicon.iconSize = new GSize(11, 11);
    redicon.iconAnchor = new GPoint(6, 6);
    redicon.infoWindowAnchor = new GPoint(6,6);

    $.ajax({
    type: 'post',
    url: 'trip_planner_store.php',
    dataType: "xml",
    cache: false,
    data: {zip:$("#zip").val()},
    success: function(data) {
        var storemap = new GMap2(document.getElementById("map_store"), { size: new GSize(500,320) });
        storemap.addControl(new GLargeMapControl());
        storemap.addControl(new GMapTypeControl());

        var lat1 = $(data).find('LAT1').text();
        var lon1 = $(data).find('LON1').text();
        storemap.setCenter(new GLatLng(lat1,lon1),8);
        google.maps.event.trigger(storemap, 'resize');

        $(data).find('STORE').each(function(index){
        var lat = parseFloat($(this).find('LATITUDE').text());
        var long = parseFloat($(this).find('LONGITUDE').text());

        var marker = new GMarker(new GLatLng(lat,long), { 
            draggable: false, 
            title: ($(this).find('COMPANY_NAME').text()), 
            icon: redicon,
            disableAutoPan: true,
            supressMapPan: true
        });

        var html = {some stuff for the info window}
                    GEvent.addListener(marker, 'mouseover', function() {
            // When clicked, open an Info Window
                        marker.openInfoWindowHtml(html);

                    });
        storemap.addOverlay(marker);
        //update the store table with the information


           var storeList = {html markup for table};


           //append the current row to the installer table
        $('#storeList').append(storeList);

    });
    $('#storeList').trigger("update");

    }
});
});

}

Answer 1

我解决了这个难题。该错误实际上是在我的点击触发事件中，位于函数调用中。我把它移到我的脚本标记的顶部，它现在按预期运行。我不知道为什么在被调用函数中使用click事件触发器仅适用于每个其他调用。任何猜测都会受到赞赏。

Google地图仅在每个其他搜索请求上生成

1 个答案: