OpenLayers:在标记中添加(css-)类?

时间:2013-03-22 03:01:52

标签: openlayers addclass

天儿真好!
我想在我的OpenLayers地图上为每个标记添加一个唯一的(css-)类,但我不知道如何!我几乎尝试了所有内容,并在forums of OpenStreetMap发布了这个问题(因为那里的人对OpenLayers非常熟悉)。 这是我写的添加标记的功能:


    function ownMarker(lon,lat,icon,markerid) {
        var size = new OpenLayers.Size(38,58);
        var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
        var element = new OpenLayers.Element.addClass('div', 'test');
        var icon = new OpenLayers.Icon('images/marker/'+ icon +'.png', size, offset);
        var marker = new OpenLayers.Marker((new OpenLayers.LonLat(lon, lat).transform(proj4326, projmerc)),icon)
        marker.id = markerid;
        marker.events.register("mousedown", marker, function() {
            if(this.id != 'home') {
                currentID = this.id;
                $('.activeResult').removeClass('activeResult');
                $('#results a[href$=' + this.id + ']').addClass("activeResult");
                showContent($(".nav a:first-child").attr("href"));
                $(".nav a:first-child").addClass("activeContent")
                if(contentOpen == false){
                    $("#container").show();
                    $(".frame").animate({left: 0});
                    contentOpen = true;
                }
                tempLatitude = $('#results a[href$=' + this.id + ']').attr("lat");
                tempLongitude = $('#results a[href$=' + this.id + ']').attr("lon");
                targetLatitude = $('#results a[href$=' + this.id + ']').attr("lat");
                targetLongitude = $('#results a[href$=' + this.id + ']').attr("lon");
                ownPanTo(tempLongitude, tempLatitude);
                console.log(this.id);
            }
        });
        markers.addMarker(marker);
    }

正如你在第5行中看到的那样,我已经尝试在标记中添加一个类 - 没有成功!

请帮帮我! :)

干杯!

1 个答案:

答案 0 :(得分:0)

也许答案太明显了:OpenLayers图标首先不是HTML元素,但是您可以访问HTML元素,该元素在地图上绘制时将成为Icon的一部分:http://dev.openlayers.org/docs/files/OpenLayers/Icon-js.html#OpenLayers.Icon.imageDiv(当我在www.openlayers.org上使用api文档的第一个链接时,这不是什么,奇怪的)所以有人可能会像这样解决这个问题:

icon.imageDiv.className += " my_icon_class";