Always copy graphicName symbols, because there were too many issues with use/defs. Ctrl-Click and Shift-Click now works as expected on graphicName symbols. p=marcjansen, r=me (closes #2985)
git-svn-id: http://svn.openlayers.org/trunk/openlayers@10976 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
@@ -49,14 +49,6 @@ OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {
|
||||
*/
|
||||
symbolMetrics: null,
|
||||
|
||||
/**
|
||||
* Property: supportUse
|
||||
* {Boolean} true if defs/use is supported - known to not work as expected
|
||||
* at least in some applewebkit/5* builds.
|
||||
* See https://bugs.webkit.org/show_bug.cgi?id=33322
|
||||
*/
|
||||
supportUse: null,
|
||||
|
||||
/**
|
||||
* Constructor: OpenLayers.Renderer.SVG
|
||||
*
|
||||
@@ -70,7 +62,6 @@ OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {
|
||||
OpenLayers.Renderer.Elements.prototype.initialize.apply(this,
|
||||
arguments);
|
||||
this.translationParameters = {x: 0, y: 0};
|
||||
this.supportUse = (navigator.userAgent.toLowerCase().indexOf("applewebkit/5") == -1);
|
||||
|
||||
this.symbolMetrics = {};
|
||||
},
|
||||
@@ -215,7 +206,7 @@ OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {
|
||||
if (style.externalGraphic) {
|
||||
nodeType = "image";
|
||||
} else if (this.isComplexSymbol(style.graphicName)) {
|
||||
nodeType = this.supportUse === false ? "svg" : "use";
|
||||
nodeType = "svg";
|
||||
} else {
|
||||
nodeType = "circle";
|
||||
}
|
||||
@@ -306,17 +297,17 @@ OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {
|
||||
parent.removeChild(node);
|
||||
}
|
||||
|
||||
if(this.supportUse === false) {
|
||||
// workaround for webkit versions that cannot do defs/use
|
||||
// (see https://bugs.webkit.org/show_bug.cgi?id=33322):
|
||||
// copy the symbol instead of referencing it
|
||||
var src = document.getElementById(id);
|
||||
node.firstChild && node.removeChild(node.firstChild);
|
||||
node.appendChild(src.firstChild.cloneNode(true));
|
||||
node.setAttributeNS(null, "viewBox", src.getAttributeNS(null, "viewBox"));
|
||||
} else {
|
||||
node.setAttributeNS(this.xlinkns, "href", "#" + id);
|
||||
}
|
||||
// The more appropriate way to implement this would be use/defs,
|
||||
// but due to various issues in several browsers, it is safer to
|
||||
// copy the symbols instead of referencing them.
|
||||
// See e.g. ticket http://trac.osgeo.org/openlayers/ticket/2985
|
||||
// and this email thread
|
||||
// http://osgeo-org.1803224.n2.nabble.com/Select-Control-Ctrl-click-on-Feature-with-a-graphicName-opens-new-browser-window-tc5846039.html
|
||||
var src = document.getElementById(id);
|
||||
node.firstChild && node.removeChild(node.firstChild);
|
||||
node.appendChild(src.firstChild.cloneNode(true));
|
||||
node.setAttributeNS(null, "viewBox", src.getAttributeNS(null, "viewBox"));
|
||||
|
||||
node.setAttributeNS(null, "width", size);
|
||||
node.setAttributeNS(null, "height", size);
|
||||
node.setAttributeNS(null, "x", pos.x - offset);
|
||||
@@ -334,19 +325,15 @@ OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {
|
||||
}
|
||||
|
||||
var rotation = style.rotation;
|
||||
|
||||
if ((rotation !== undefined || node._rotation !== undefined) && pos) {
|
||||
node._rotation = rotation;
|
||||
rotation |= 0;
|
||||
if(node.nodeName !== "svg") {
|
||||
node.setAttributeNS(null, "transform",
|
||||
"rotate(" + rotation + " " + pos.x + " " +
|
||||
pos.y + ")");
|
||||
} else {
|
||||
var metrics = this.symbolMetrics[id];
|
||||
node.firstChild.setAttributeNS(null, "transform",
|
||||
"rotate(" + style.rotation + " " + metrics[1] +
|
||||
" " + metrics[2] + ")");
|
||||
}
|
||||
var metrics = this.symbolMetrics[id];
|
||||
node.firstChild.setAttributeNS(null, "transform", "rotate("
|
||||
+ rotation + " "
|
||||
+ metrics[1] + " "
|
||||
+ metrics[2] + ")");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -951,7 +938,7 @@ OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {
|
||||
*/
|
||||
getFeatureIdFromEvent: function(evt) {
|
||||
var featureId = OpenLayers.Renderer.Elements.prototype.getFeatureIdFromEvent.apply(this, arguments);
|
||||
if(this.supportUse === false && !featureId) {
|
||||
if(!featureId) {
|
||||
var target = evt.target;
|
||||
featureId = target.parentNode && target != this.rendererRoot &&
|
||||
target.parentNode._featureId;
|
||||
|
||||
Reference in New Issue
Block a user