var SYP = {
Settings: {
- MARKER_ICON: "openlayers/img/marker-blue.png",
- MARKER_ICON_HEIGHT: 25,
- MARKER_SELECT_ICON: "openlayers/img/marker-green.png",
- MARKER_SELECT_ICON_HEIGHT: 25
+ MARKER_ICON: "media/marker-normal.png",
+ MARKER_SELECT_ICON: "media/marker-selected.png",
+ MARKER_HEIGHT: 25
},
map: null,
}, {
context: {
height: function(feature) {
- var defaultHeight = SYP.Settings.MARKER_ICON_HEIGHT || 32;
+ var defaultHeight = SYP.Settings.MARKER_HEIGHT || 32;
var increase = 4 * (feature.attributes.count - 1);
return Math.min(defaultHeight + increase, 50);
}
});
var selectStyle = new OpenLayers.Style({
externalGraphic: this.Settings.MARKER_SELECT_ICON,
- graphicHeight: this.Settings.MARKER_SELECT_ICON_HEIGHT || 32
+ graphicHeight: this.Settings.MARKER_HEIGHT || 32
});
var styleMap = new OpenLayers.StyleMap (
{"default": defaultStyle,
}
var popup = feature.popup;
- var brCorner = SYP.Utils.brCorner(map, 8);
+ var popupPos = null;
+ if (sypPopupNearFeature) {
+ popupPos = feature.geometry.getBounds().getCenterLonLat();
+ } else {
+ popupPos = SYP.Utils.brCorner(map, 8);
+ }
// we cannot reuse popup; we need to recreate it in order for IE
// expressions to work. Otherwise, we get a 0x0 image on second view.
this.map.events.register("movestart", this, this._unselect = function () { this.unselect(feature)});
return;
}
- popup = SYP.createPopup(brCorner, contentHTML);
+ popup = SYP.createPopup(popupPos, contentHTML);
var control = this;
popup.hide = function () {
OpenLayers.Element.hide(this.div);