0

我是 JavaScript 新手，我让初学者掌握了这些概念我有一个从 kml 获取标签并将其显示在屏幕上的函数（此函数的一些集群部分是由 S/O 上的某人提供的）。它适用于除第一个以外的所有已加载的 kmls。

我确信问题与变量及其范围有关，但是对于我的一生，我看不到在哪里或如何出现错误，我更正代码会很有帮助，但更正我的理解（或缺乏）同样有帮助。

非常感谢

这是代码

编辑 1) 我已经多次更改函数 getlabel，并且这些更改仅在下面显示的第一个 ajax 调用之外加载的 kmls 上看到。我一辈子都不明白为什么会这样。这可能是上下文问题，但这超出了我对该主题的理解

var tripid=1;
var myStyles;
var cfarmerid;
var navigate=true;
var edit=false;
var vectors;
var polyControl;
var bound=false;
var mycluster;
var label=" ";



$(document).ready(function(){
    $.ajax({
        type: "POST",url: "temp.php",dataType: "json",
        error: function(e){
            alert('Error: '+e);
        },  

        success: function (data) {
        if(data[0]==="not"){
               window.location = "http://www.g4ema.com/index.html";
            }
            maxlat=data[0];
        maxlon=data[1];
            minlat=data[2];
        minlon=data[3];
        tripid=parseInt(data[4]);



    var bbox=new OpenLayers.Bounds();
        bbox.extend(new OpenLayers.LonLat(minlon,minlat));
        bbox.extend(new OpenLayers.LonLat(maxlat,maxlon));
        bbox.toBBOX();

        map = new OpenLayers.Map("map");
    //var layer=  new OpenLayers.Layer.OSM();


         mycluster = new OpenLayers.Strategy.Cluster(
         {
            threshold: 2, // single clusters are shown as features
            shouldCluster: function(cluster, feature) 
            {
            if (feature.geometry.CLASS_NAME === "OpenLayers.Geometry.Point" &&
                cluster.cluster[0].geometry.CLASS_NAME === "OpenLayers.Geometry.Point") {
                    return OpenLayers.Strategy.Cluster.prototype.shouldCluster.apply(this, arguments);
                } else {
                    return false;
                }
            }
        });


    var layer = new OpenLayers.Layer.Google(
            "Google Hybrid",
            {type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20});
            layer.wrapDateLine=false;
        map.addLayer(layer);

     myStyles = new OpenLayers.StyleMap({ 
         "default": new OpenLayers.Style({ 
            strokeColor: "#00ffff", 
            strokeWidth:5, 
            strokeOpacity:1, 
            fillColor:"#003399", 
            fillOpacity: 1,
            labelYOffset: 15,
            pointRadius: 4,
            label:"${getLabel}", 
            fontColor:"#ff0000"
        }, {
            context: {
                getLabel: function (f) {
                    label=" ";
                    if (f.cluster) { // is a cluster
                        if (f.cluster[0].attributes.label!==" ") {
                            label= " " + f.attributes.count  + " " +
                                f.cluster[0].attributes.label;
                        } else {
                            label= " " ;//+ f.attributes.count + "init";
                        }
                    } else { // is not cluster
                        if (f.attributes.label!==" ") {
                            label= " " + f.attributes.label;

                        }else{
                            label=" ";
                        }
                    }
                    if(!label){label=" ";}
                    return label;
                }

            }
    })
});




      kmlLayer = new OpenLayers.Layer.Vector("Trip", {
                styleMap: myStyles,
                    projection: map.displayProjection,      
                    strategies: [new OpenLayers.Strategy.Fixed(),mycluster],
                    protocol: new OpenLayers.Protocol.HTTP({
                        params:{ tripid:tripid},    
                    url: "kml2.php",
                    readWithPOST:true,
                    //{userid:userid,tripid:tripid},
                    format: new OpenLayers.Format.KML({
                                extractStyles: true,
                                extractAttributes: true             
                            })          
                        })          
                    });

            map.addLayer(kmlLayer);

             var clat=(parseFloat(minlat)+parseFloat(maxlat))/2;
                var clon=(parseFloat(minlon)+parseFloat(maxlon))/2;
                var lonlat = new OpenLayers.LonLat(clon,clat).transform(new OpenLayers.Projection("EPSG:4326"),new OpenLayers.Projection("EPSG:900913"));
                map.setCenter(lonlat);
                map.zoomTo(15);
4

2 回答 2

0

首先，我没有看到在您共享的代码的上下文中声明具有全局范围的标签变量的优势。由于您要从 getLabel 函数返回一个标签，那么我认为您应该只 var label; 在 getLabel 函数的顶部声明并从该函数返回该局部变量的值。

其次，我可以看到从 getLabel 返回“未定义”的唯一方法是如果f.attributes.label未定义。我会尝试一个代码块，例如：

} else { // is not cluster
   if (f.attributes.label != null && typeof(f.attributes.label != "undefined") {
   // if (f.attributes.label) {   // alternate simpler if statement
      label= " " + f.attributes.label;
   } else {
      label = " ";
   }
}
于 2013-06-21T14:55:19.900 回答
0

对于任何有同样问题的人来说，

上面的代码是完美的，它不起作用的原因是我稍后在 $document.ready() 中调用了另一个函数，这正在改进 mycluster 变量。对于那些你看过这个但看不到问题的人，我感到非常抱歉。

但上面的代码可以正常工作

于 2013-06-24T15:23:59.810 回答