ArcGIS js api 4.x手动构建FeatureLayer

最新推荐文章于 2022-08-18 15:00:17 发布

比海更深chill

最新推荐文章于 2022-08-18 15:00:17 发布

阅读量2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： ArcGIS js api

本文链接：https://blog.youkuaiyun.com/qq_22267353/article/details/99403843

创建map

var map = new Map({
   
   
    basemap: "dark-gray"
});

创建mapView

var view = new MapView({
   
   
    center: [-41.647, 36.41],
    zoom: 3,
    map: map,
    container: "viewDiv",
    popup: {
   
   
        defaultPopupTemplateEnabled: true
    }
});

创建符号样式symbol

var symbol = {
   
   
    type: "simple-marker", // autocasts as new SimpleMarkerSymbol()
    style: "square",
    color: "blue",
    size: "8px", // pixels
    outline: {
   
    // autocasts as new SimpleLineSymbol()
        color: [255, 255, 0],
        width: 3 // points
    }
};

构建字段列表fields

var fields = [{
   
   
        name: "ObjectID",
        alias: "ObjectID",
        type: "oid"
    },
    {
   
   
        name: "type",
        alias: "Type",
        type: "string"
    },
    {
   
   
        name: "name",
        alias: "Name",
        type: "string"
    }
]

构建图形数组Graphic

var graphics = points.map((point, index) => {
   
   
    return new Graphic({
   
   
        geometry: point,
        symbol: symbol,
        attributes: {
   
   
            ObjectID: index,
            type: "景点",
            name: "旅游景点" + index
        }
    });
});

创建FeatureLayer

const layer = new FeatureLayer({
   
   
    fields: fields,
    objectIdField: "ObjectID",
    geometryType: "point",
    spatialReference: {
   
    wkid: 3857 },
    source: graphics,
});

完整代码

<!DOCTYPE html>
<html>

<head>
    <meta charset

最低0.47元/天解锁文章

200万优质内容无限畅学