你好!
我想为 OpenLayers map 上的每个标记添加一个唯一的 (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 行中看到的,我已经尝试向标记添加一个类 - 但没有成功!
请帮助我! :)
干杯!
最佳答案
也许答案太明显了:OpenLayers 图标本来就不是 HTML 元素,但您可以访问在 map 上绘制时成为图标一部分的 HTML 元素:http://dev.openlayers.org/docs/files/OpenLayers/Icon-js.html#OpenLayers.Icon.imageDiv (这不是我使用 www.openlayers.org 上 api 文档的第一个链接时出现的情况,很奇怪)所以人们可能会像这样解决这个问题:
icon.imageDiv.className += " my_icon_class";
关于OpenLayers:向标记添加(css-)类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15561988/