使用矢量瓦片

矢量瓦片是将矢量数据通过不同的描述文件来组织和定义，在客户端实时解析数据并完成绘制。SuperMap iServer 提供了矢量瓦片图层，即 L.supermap.tiledVectorLayer(url, options)，其中：

  • url：地图服务地址
  • options：图层可选参数

使用默认风格的矢量瓦片示例

var url="http://support.supermap.com.cn:8090/iserver/services/map-china400/rest/maps/China";
//创建一个矢量瓦片图层
var vectorLayer = L.supermap.tiledVectorLayer(url, {
    cacheEnabled: true,
    returnAttributes: true,
    attribution: "Tile Data©SuperMap iServer with©SuperMap iClient"
}).addTo(map);
//矢量瓦片图层添加点击事件，设置默认风格
vectorLayer.on('click', function (evt) {
    // 点击矢量瓦片图层获取id & layerName
    var selectId = evt.layer.properties.id;
    var selectLayerName = evt.layer.layerName;
    // 设置矢量瓦片图层样式
    var selectStyle = {
        fillColor: '#800026',
        fillOpacity: 0.5,
        stroke: true, fill: true, color: 'red', opacity: 1, weight: 2
    };
    vectorLayer.setFeaturvectorLayer.setFeatureStyle(selectId, selectLayerName, selectStyle);
});

查看完整示例代码

查看更多风格的矢量瓦片地图示例代码：

results matching ""

    No results matching ""