let point = new ol.geom.Point([item.lon, item.lat]); let feature = new ol.Feature(point); let style = new ol.style.Style({ image: new ol.style.Icon({ className: "my-icon", anchor: [0.5, 0.5], crossOrigin: "anonymous", // 图标缩放比例 scale: 0.8, rotation: item.type == 0 ? (item.heading * Math.PI) / 180 : 0, src: imgUrl, }), }); feature.setStyle(style); let info = { ...item, }; // 设置自定义的信息 feature.setProperties(info); this.circleLayer.getSource().addFeature(feature); 未显示阴影效果

可以尝试给样式对象 style 添加 shadow 属性，如下所示：
let style = new ol.style.Style({
image: new ol.style.Icon({
className: "my-icon",
anchor: [0.5, 0.5],
crossOrigin: "anonymous",
scale: 0.8,
rotation: item.type == 0 ? (item.heading * Math.PI) / 180 : 0,
src: imgUrl,
shadow: new ol.style.Icon({
src: "img/shadow.png",
opacity: 0.5,
scale: 0.8
})
}),
});
登录后复制
其中，shadow 属性是一个 ol.style.Icon 对象，表示图标的阴影效果。在上面的示例中，我们设置了一个 src 属性为 "img/shadow.png" 的图标作为阴影，并设置了 opacity 和 scale 两个属性控制阴影的透明度和大小。你可以根据实际情况调整这些参数，使阴影效果更符合你的需求。

相关问题

var wgs84Sphere = new ol.Sphere(6378137);报错 ol.Sphere is not a constructor 请用中文回答 请注意ol.Sphere方法已经 失效了

确实如您所说，OpenLayers 6中的 ol.Sphere 类已经被弃用，因此在新版本中会出现 "ol.Sphere is not a constructor" 的错误。在OpenLayers 6中，您应该使用 ol/geom/Sphere.js 模块中的 getLength() 和 getArea() 方法来计算距离和面积。
以下是示例代码：
import Sphere from 'ol/geom/Sphere';

const wgs84Sphere = new Sphere(6378137);
const point1 = [0, 0]; // 经度、纬度，用弧度表示
const point2 = [Math.PI / 2, Math.PI / 2]; // 经度、纬度，用弧度表示
const distance = wgs84Sphere.getLength(point1, point2);
console.log(distance); // 输出结果：10018754.171394622（单位：米）
登录后复制
在这个示例中，我们使用 ol/geom/Sphere.js 模块中的 Sphere 类创建了一个新的 wgs84Sphere 实例。然后，我们定义了两个用弧度表示的点（point1 和 point2），并使用 getLength() 方法计算它们之间的距离。最后，我们将距离输出到控制台。

优化以下代码 ： if (nameAr.length > 0) { nameAr.forEach(nm => { sortList.forEach(te => { if (te.name == nm) { let obj = { type: 'LineString', coordinates: [] } te.lineString.forEach(ls => { // console.log(ls, 'lslslsl'); let linel if (ls.lineList) { linel = ls.lineList } else { linel = ls.trackList } linel.forEach(ne => { let pt = JSON.parse(ne.geom) obj.coordinates.push(pt.coordinates) }) }) resultLineArr.push(obj) } }) }) } else { sortList.forEach(te => { let obj = { type: 'LineString', coordinates: [] } te.lineString.forEach(ls => { // console.log(ls, 'lslslsl'); let linel if (ls.lineList) { linel = ls.lineList } else { linel = ls.trackList } linel.forEach(ne => { let pt = JSON.parse(ne.geom) obj.coordinates.push(pt.coordinates) }) }) resultLineArr.push(obj) }) }

可以尝试以下优化：

可以使用Array.prototype.filter()来替换if语句进行筛选，这样可以减少代码嵌套层次，让代码更加简洁易懂。

可以使用Array.prototype.flatMap()方法，将嵌套的forEach()循环展开，这样可以省略中间数组的声明，减少代码量。

可以使用对象解构赋值来直接获取对象中的属性，避免多次访问同一个属性的重复代码。

可以使用箭头函数来简化代码。

优化后的代码如下：
const resultLineArr = [];
const lineList = sortList.flatMap(({ lineString }) => lineString.flatMap(({ lineList, trackList }) => (lineList || trackList || []).flatMap(({ geom }) => JSON.parse(geom).coordinates)));
const lineMap = new Map(sortList.map((te) => [te.name, te]));
nameAr.forEach((nm) => {
if (lineMap.has(nm)) {
const { lineString } = lineMap.get(nm);
const coordinates = lineString.flatMap(({ lineList, trackList }) => (lineList || trackList || []).flatMap(({ geom }) => JSON.parse(geom).coordinates));
resultLineArr.push({ type: 'LineString', coordinates });
}
});
if (nameAr.length === 0) {
resultLineArr.push({ type: 'LineString', coordinates: lineList });
}
登录后复制
这个优化后的代码使用了flatMap()方法、Map对象和解构赋值来简化代码，并且去掉了冗余的if语句，使得代码更加简洁易懂。