Question

openlayers怎么自定义一个鼠标移出feature的事件

Answer 1

//设置图标大小 var size = new OpenLayers.Size(49, 49); var offset = new OpenLayers.Pixel(-(size.w / 2), -size.h); //设置图标图片 var jz = new OpenLayers.Icon('images/baojing.png', size, offset); markers = new OpenLayers.Layer.Markers("报警图层"); //设置显示坐标 var x = 550, y = 310; //图片显示 feature = new OpenLayers.Feature(markers, map.getLonLatFromPixel(new OpenLayers.Pixel(x, y)), { 'icon': jz }); marker = feature.createMarker(); markers.addMarker(marker); map.addLayer(markers); //注册图标的点击事件 var companyname = "大幅度释放第三方的手"; var renshu = "150-500人左右"; var popup1; marker.events.register("mouseover", marker, function (evt) {//给图标注册事件 var html = "<span style='font-size:12px;cursor:point;'><b> " + companyname + "<br> 当前总人数：" + renshu + "人</b><span>"; //设置弹出框中要显示的内容 popup1 = new OpenLayers.Popup("popup1", //设置弹出框id map.getLonLatFromPixel(new OpenLayers.Pixel(x, y)), //设置弹出框显示位置 new OpenLayers.Size(220, 50), //设置弹出框的大小 html, //弹出框显示内容 false); //设置弹出框是否隐藏 popup1.setBackgroundColor("#ffffff"); //设置弹出框背景颜色 popup1.setOpacity(12); //设置弹出框透明度 popup1.setBorder("1px solid #d91f12"); //设置弹出框边框样式 map.addPopup(popup1); }); //鼠标移开事件 marker.events.register("mouseout", marker, function (evt) { popup1.hide(); });