<!DOCTYPE html>

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

    <title></title>

    <link rel="stylesheet" href="//js.arcgis.com/3.13/esri/css/esri.css">

    <style>

      html, body, #map {

        height: 100%; width: 100%; margin: 0; padding: 0;

      }

    </style>

    <script src="//js.arcgis.com/3.13/"></script>

    <script>

      var map;

      require([

        "esri/map",

        "esri/geometry/Extent",

        "esri/layers/FeatureLayer",

        "esri/symbols/SimpleLineSymbol",

        "esri/symbols/SimpleFillSymbol",

        "esri/symbols/TextSymbol",

        "esri/renderers/SimpleRenderer",

        "esri/layers/LabelLayer",

        "esri/Color",

        "dojo/domReady!"

      ], function(

        Map, Extent, FeatureLayer,

        SimpleLineSymbol, SimpleFillSymbol, TextSymbol, SimpleRenderer,

        LabelLayer,

        Color

      ) {

        // load the map centered on the United States

        var bbox = new Extent({"xmin": -1940058, "ymin": -814715, "xmax": 1683105, "ymax": 1446096, "spatialReference": {"wkid": 102003}});

        map = new Map("map", {

          extent: bbox

        });

        var labelField = "STATE_NAME";

        // create a renderer for the states layer to override default symbology

        var statesColor = new Color("#f00");

        var statesLine = new SimpleLineSymbol("solid", statesColor, 1);

        var statesSymbol = new SimpleFillSymbol("solid", statesLine, null);

        var statesRenderer = new SimpleRenderer(statesSymbol);

        // create a feature layer to show country boundaries

        var statesUrl = "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3";

        var states = new FeatureLayer(statesUrl, {

          id: "states",

          outFields: [labelField]

        });

        states.setRenderer(statesRenderer);

        map.addLayer(states);

        // create a text symbol to define the style of labels

        var statesLabel = new TextSymbol().setColor(new Color("#00f"));

        statesLabel.font.setSize("12pt");

        statesLabel.font.setFamily("arial");

        var statesLabelRenderer = new SimpleRenderer(statesLabel);

        var labels = new LabelLayer({ id: "lab" });

        // tell the label layer to label the countries feature layer

        // using the field named "admin"

        labels.addFeatureLayer(states, statesLabelRenderer, "{" + labelField + "}");

        // add the label layer to the map

        map.addLayer(labels);

      });

    </script>

  </head>

  <body>

    <div id="map"></div>

  </body>

</html>

five application :Labeling features的更多相关文章

  1. OpenCms Application dev-ref

    OpenCms Application Overview Before undertaking development, it will be helpful to understand the ba ...

  2. IIS 7.0 Features and Vista Editions

    原文 IIS 7.0 Features and Vista Editions Overview of IIS 7.0 differences Across Windows Vista Editions ...

  3. 4: 模块化应用程序开发 Modular Application Development Using Prism Library 5.0 for WPF （英汉对照版）

    A modular application is an application that is divided into a set of loosely coupled functional uni ...

  4. 学习ASP.NET Core, 怎能不了解请求处理管道[3]: 自定义一个服务器感受一下管道是如何监听、接收和响应请求的

    我们在<服务器在管道中的"龙头"地位>中对ASP.NET Core默认提供的具有跨平台能力的KestrelServer进行了介绍,为了让读者朋友们对管道中的服务器具有更 ...

  5. 如果你想深刻理解ASP.NET Core请求处理管道，可以试着写一个自定义的Server

    我们在上面对ASP.NET Core默认提供的具有跨平台能力的KestrelServer进行了详细介绍(<聊聊ASP.NET Core默认提供的这个跨平台的服务器——KestrelServer& ...

  6. ASP.NET Core 中文文档 第三章 原理（16）.NET开放Web接口（OWIN）

    原文:Open Web Interface for .NET (OWIN) 作者:Steve Smith. Rick Anderson 翻译:谢炀(kiler398) 校对:孟帅洋(书缘) ASP.N ...

  7. Feature Flag

    know more from here: https://www.youtube.com/watch?v=WMRjj06R6jg&list=UUkQX1tChV7Z7l1LFF4L9j_g F ...

  8. apk反编译(6)ProGuard 工具 android studio版官方教程[作用，配置，解混淆,优化示例]

    ProGuard In this document Enabling ProGuard (Gradle Builds) Configuring ProGuard Examples Decoding O ...

  9. session问题

    如果 <sessionState mode="StateServer" stateConnectionString="tcpip=127.0.0.1:42424&q ...

随机推荐

  1. LeetCode560. Subarray Sum Equals K

    Description Given an array of integers and an integer k, you need to find the total number of contin ...

  2. SparseArray具体解释，我说SparseArray，你说要！

    可能在Android 中使用HashMap 的时候看到过提示. HashMap<Integer,Bitmap> mp = new HashMap<Integer,Bitmap> ...

  3. 个人博客开发之xadmin与ueditor集成

    项目源码下载:http://download.vhosts.cn 1. xadmin 添加ueditor 插件 vim extra_apps\xadmin\plugins\ueditor.py #没有 ...

  4. Node Embedding

    1.Kipf, Thomas N., and Max Welling. "Semi-supervised classification with graph convolutional ne ...

  5. 集合Set映射一对多（使用xml文件）

    如果持久化类设置了包含实体引用的对象,则需要使用一对多关联来映射集合(Set)元素. 我们可以通过任意一个Set集合来映射这个列表对象. 下面来看看看设置对象的持久化类. 在这种情况下,一个问题可以有 ...

  6. MongoDB API和python操作

    安装 下载mongodb的版本,两点注意 根据业界规则,偶数为稳定版,如1.6.X,奇数为开发版,如1.7.X 32bit的mongodb最大只能存放2G的数据,64bit就没有限制 到官网,选择合适 ...

  7. ChemDraw能够生成化学性质报告吗

    ChemDraw破解版是一种不安全的软件版本,危害用户信息安全,一些不法分子正是因利用用户寻求免费软件的心理以ChemDraw破解版.ChemDraw注册机为噱头传播不安全信息.如果使用者已经成功安装 ...

  8. retrival and clustering: week 2 knn & LSH 笔记

    华盛顿大学 <机器学习> 笔记. knn k-nearest-neighbors : k近邻法 给定一个 数据集,对于查询的实例,在数据集中找到与这个实例最邻近的k个实例,然后再根据k个最 ...

  9. python3 - 使用__slots__限制实例属性

    为了限制实例的属性,可以在定义class的时候,定义一个特殊的__slots__变量,来限制class实例能添加的属性.比如,只允许对Persion实例添加name 和 age 属性 class Pe ...

  10. [JAVA &#183; 0基础]：19.容器类

    概述 容器 就是存放数据的一个集合 (java提供了一个接口专门去约束我们容器的实现类) watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L ...