Javascript 固定大小的图标。开放层3

Javascript 固定大小的图标。开放层3,javascript,openlayers-3,Javascript,Openlayers 3,我在用图书馆。我想有固定的图标大小。我正在使用此代码设置38x38px的大小: new ol.style.Style({ image: new ol.style.Icon({ src: icon, size: [38, 38] }) }); 我在firebug中有一个错误: IndexSizeError:索引或大小为负或大于允许的数量 出什么问题了?似乎有一个5月初修复的问题可能会导致此错误。这似乎也是特定于Firefo

我在用图书馆。我想有固定的图标大小。我正在使用此代码设置38x38px的大小:

 new ol.style.Style({
       image: new ol.style.Icon({
           src: icon,
           size: [38, 38]
       })
});
我在firebug中有一个错误:

IndexSizeError:索引或大小为负或大于允许的数量

出什么问题了?

似乎有一个5月初修复的问题可能会导致此错误。这似乎也是特定于Firefox的(既然你提到Firebug,我想你正在使用Firefox),所以在你的情况下听起来似乎是合理的

因此,只要尝试更新到(写作时),看看这是否有帮助。

似乎有一个5月初修复的问题可能会导致此错误。这似乎也是特定于Firefox的(既然你提到Firebug,我想你正在使用Firefox),所以在你的情况下听起来似乎是合理的

因此,只要尝试更新到(写作时),看看这是否有帮助。

似乎有一个5月初修复的问题可能会导致此错误。这似乎也是特定于Firefox的(既然你提到Firebug,我想你正在使用Firefox),所以在你的情况下听起来似乎是合理的

因此,只要尝试更新到(写作时),看看这是否有帮助。

似乎有一个5月初修复的问题可能会导致此错误。这似乎也是特定于Firefox的(既然你提到Firebug,我想你正在使用Firefox),所以在你的情况下听起来似乎是合理的


因此,请尝试更新到(在撰写本文时),看看这是否有帮助。

我已通过使用大于实际图标大小的图像大小在IE和Firefox中复制了您的问题,请参阅

当图像设置为实际大小[32,48]或任何更小的值时,这运行正常,但一旦超过该值,Firefox和IE就会出现错误

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
    anchor: [0.5, 46],
    size: [32, 48],
    anchorXUnits: 'pixels',
    anchorYUnits: 'pixels',
    opacity: 0.75,
    src: 'http://ol3js.org/en/master/examples/data/icon.png'
  }))
});
正如你所建议的那样,从表面上看,尺寸似乎更多地与锚定位置有关,而不是与尺寸有关

正如卡尔·约翰所说,这似乎是一个错误。鉴于OL3现在处于伽马状态,现在可能是报告它的好时机


我意识到这并不能解决您的问题,但至少是有原因地复制了它。

我已经通过使用大于实际图标大小的图像大小在IE和Firefox中复制了您的问题,请参阅

当图像设置为实际大小[32,48]或任何更小的值时,这运行正常,但一旦超过该值,Firefox和IE就会出现错误

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
    anchor: [0.5, 46],
    size: [32, 48],
    anchorXUnits: 'pixels',
    anchorYUnits: 'pixels',
    opacity: 0.75,
    src: 'http://ol3js.org/en/master/examples/data/icon.png'
  }))
});
正如你所建议的那样,从表面上看,尺寸似乎更多地与锚定位置有关,而不是与尺寸有关

正如卡尔·约翰所说,这似乎是一个错误。鉴于OL3现在处于伽马状态,现在可能是报告它的好时机


我意识到这并不能解决您的问题,但至少是有原因地复制了它。

我已经通过使用大于实际图标大小的图像大小在IE和Firefox中复制了您的问题,请参阅

当图像设置为实际大小[32,48]或任何更小的值时,这运行正常,但一旦超过该值,Firefox和IE就会出现错误

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
    anchor: [0.5, 46],
    size: [32, 48],
    anchorXUnits: 'pixels',
    anchorYUnits: 'pixels',
    opacity: 0.75,
    src: 'http://ol3js.org/en/master/examples/data/icon.png'
  }))
});
正如你所建议的那样,从表面上看,尺寸似乎更多地与锚定位置有关,而不是与尺寸有关

正如卡尔·约翰所说,这似乎是一个错误。鉴于OL3现在处于伽马状态,现在可能是报告它的好时机


我意识到这并不能解决您的问题,但至少是有原因地复制了它。

我已经通过使用大于实际图标大小的图像大小在IE和Firefox中复制了您的问题,请参阅

当图像设置为实际大小[32,48]或任何更小的值时,这运行正常,但一旦超过该值,Firefox和IE就会出现错误

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
    anchor: [0.5, 46],
    size: [32, 48],
    anchorXUnits: 'pixels',
    anchorYUnits: 'pixels',
    opacity: 0.75,
    src: 'http://ol3js.org/en/master/examples/data/icon.png'
  }))
});
正如你所建议的那样,从表面上看,尺寸似乎更多地与锚定位置有关,而不是与尺寸有关

正如卡尔·约翰所说,这似乎是一个错误。鉴于OL3现在处于伽马状态,现在可能是报告它的好时机


我意识到这并不能解决您的问题,但至少有一个原因可以复制它。

看看我向OL GitHub打开的问题:


看看我向OL GitHub公开的问题:


看看我向OL GitHub公开的问题:


看看我向OL GitHub公开的问题:

供跨浏览器使用
src:iconUrl,比例:1.3,
相反此外,如果使用了大小,则不应超过前面提到的[32,48]。

用于跨浏览器使用
src:iconUrl,比例:1.3,
相反此外,如果使用了大小,则不应超过前面提到的[32,48]。

用于跨浏览器使用
src:iconUrl,比例:1.3,
相反此外,如果使用了大小,则不应超过前面提到的[32,48]。

用于跨浏览器使用
src:iconUrl,比例:1.3,

相反此外,如果使用大小,则不应超过前面提到的[32,48]。

我现在使用的是v3.0.0-gamma.2。我对Internet Explorer也有这个问题。在chrome属性上,“大小”的工作方式与“偏移”类似,但没有错误。我明白你的意思——图像被剪裁,而不是调整大小,尽管我在chrome或FF中也有相同的行为。我现在使用的是v3.0.0-gamma.2。我对Internet Explorer也有这个问题。在chrome属性上,“大小”的工作方式与“偏移”类似,但没有错误。我明白你的意思——图像被剪裁,而不是调整大小,尽管我在chrome或FF中也有相同的行为。我现在使用的是v3.0.0-gamma.2。我对Internet Explorer也有这个问题。在chrome属性上,“大小”的工作方式与“偏移”类似,但没有错误。我明白你的意思——图像被剪裁,而不是调整大小,尽管我在chrome或FF中也有相同的行为。我现在使用的是v3.0.0-gamma.2。我对Internet Explorer也有这个问题。在chrome属性中,“大小”的工作方式与“偏移”类似,但没有错误。我明白你的意思——图像被剪裁,而不是调整大小,尽管我在chrome或FF中也有相同的行为。