Question

矢量瓦片点图层风格如何设置？给点图层加图标

Answer 1

您好，您用的是什么客户端的产品？Openlayers吗？

Comments

openlayer,我看官网的例子里面都是线和面，有点的风格改变示例吗？

---

您是想给点设置一个图片格式的图标吗？数据是mvt矢量瓦片？

---

是的，图层就是iserver发布的普通矢量图层，我用

var vectorLayer = new ol.layer.VectorTile({

source: new ol.source.VectorTileSuperMapRest(vectorTileOptions),

style: vectorTileStyles.getFeatureStyle,

id:key

});

这种语句加载的，想给点图层加图标

---

我简单的写了一个设置图片的功能，您可以参考这个功能在项目里进行修改，通过得到的feature去设置他的点图层样式

map.on('click', function (e) {
            map.forEachFeatureAtPixel(e.pixel, function (feature) {
                vectorTileStyles.dispatchEvent({type: 'featureSelected',
                    selectedId: feature.getProperties().id,
                    layerName: feature.getProperties().layerName
                });
                return true;
            }, {hitTolerance: 5});
            map.forEachFeatureAtPixel(e.pixel, function (feature) {
                console.log(feature.getProperties());
                if(feature.getProperties().type == "POINT"){
                    feature.setStyle(iconStyle);
                }
                return true;
            }, {hitTolerance: 5});
            vectorLayer.changed();
        })

---

我是想在一开始加载的时候用cartocss去改变