X-Git-Url: https://dev.renevier.net/gitweb.cgi?a=blobdiff_plain;ds=inline;f=js%2Fsyp.js;h=cf92ef51f9601ba8fa48478b62f51467736e4109;hb=1cc7e39c1d097ef3a95aef04552a34f360723e6d;hp=8e32d8580d4d7e86d7b0f178cfa46f627d0c8e99;hpb=4acc8da49e3d4083fd9906388dd8fe0212bb9f42;p=syp.git diff --git a/js/syp.js b/js/syp.js index 8e32d85..cf92ef5 100644 --- a/js/syp.js +++ b/js/syp.js @@ -18,10 +18,9 @@ OpenLayers.Control.SypAttribution = OpenLayers.Class (OpenLayers.Control.Attribu 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, @@ -71,21 +70,31 @@ var SYP = { }, createDataLayer: function(map) { + var defaultStyle = new OpenLayers.Style({ + externalGraphic: this.Settings.MARKER_ICON, + graphicHeight: "${height}" + }, { + context: { + height: function(feature) { + 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_HEIGHT || 32 + }); var styleMap = new OpenLayers.StyleMap ( - {"default": { - externalGraphic: this.Settings.MARKER_ICON, - graphicHeight: this.Settings.MARKER_ICON_HEIGHT - || 32 - }, - "select": { - externalGraphic: this.Settings.MARKER_SELECT_ICON, - graphicHeight: this.Settings.MARKER_SELECT_ICON_HEIGHT - || 32 - } - }); + {"default": defaultStyle, + "select": selectStyle}); var layer = new OpenLayers.Layer.GML("KML", "items.php", { + strategies: [ + new OpenLayers.Strategy.Cluster() + ], styleMap: styleMap, format: OpenLayers.Format.KML, projection: this.map.displayProjection, @@ -148,6 +157,12 @@ var SYP = { onFeatureSelect: function(feature) { var map = feature.layer.map; + if (feature.attributes.count > 1) { + this.unselect(feature); + var lonlat = new OpenLayers.LonLat(feature.geometry.x, feature.geometry.y); + map.setCenter(lonlat, map.zoom + 1); + return; + } var permaControl = map.getControlsByClass("OpenLayers.Control.Permalink"); if (permaControl[0]) { permaControl[0].div.style.display = "none"; @@ -162,13 +177,13 @@ var SYP = { popup.destroy(); } var contentHTML; - if (feature.attributes.name) { + if (feature.cluster[0].attributes.name) { contentHTML = "