ArcGIS For JS 独立值的专题图

最新推荐文章于 2021-04-07 14:35:27 发布

原创

最新推荐文章于 2021-04-07 14:35:27 发布 · 682 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ArcGIS For JavaScript #WebGIS #vs

通过esri/renders/UniqueValueRenderer类，本文介绍如何在ArcGIS For JavaScript中创建独立值的专题图。示例代码中提到了CSS样式设置和地图服务加载的细节，需要将特定属性值进行替换以适应自己的需求。

独立值的专题图使用esri/renders/UniqueValueRenderer类制作，比较简单。
以下为JS的代码，还需要在CSS中创建一个名为dileiDiv的容器，将地图服务加载进来；并且将其中的属性替换为你需要渲染的值
      require(["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/layers/FeatureLayer",
       "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol",
       "esri/renderers/UniqueValueRenderer", "esri/InfoTemplate", "esri/Color", "dojo/domReady!"
], function (
       Map, ArcGISDynamicMapServiceLayer, FeatureLayer,
       SimpleLineSymbol, SimpleFillSymbol,
       UniqueValueRenderer, InfoTemplate, Color
     ) {

    var dileimap = new esri.Map("dileiDiv", {
        logo: false,
        sliderStyle: "large"
    });
    //加载地图到dileiDIV中
   
    var MyDynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer
("http://localhost:6080/arcgis/rest/services/森林资源调查/森林资源分布图/MapServer/");//换成自己的服务地质
   dileimap.addLayer(MyDynamicMapServiceLayer);

    dileimap.on("lo