天儿真好!
我想在我的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行中看到的那样,我已经尝试在标记中添加一个类 - 没有成功!
请帮帮我! :)
干杯!
答案 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";