使用arcgis的流程
（官网翻译篇（https://blog.csdn.net/A11111AsUN/article/details/107358397））

代码实例

Visualize data with dictionary renderer - 4.15

<linkrel="stylesheet"href="https://js.arcgis.com/4.15/esri/themes/light/main.css"
/>
<script src="https://js.arcgis.com/4.15/"></script><script>require(["esri/Map","esri/views/MapView","esri/layers/FeatureLayer","esri/renderers/DictionaryRenderer","esri/widgets/Expand","esri/widgets/Bookmarks","esri/webmap/Bookmark"], function(Map,MapView,FeatureLayer,DictionaryRenderer,Expand,Bookmarks,Bookmark) {var map=new Map({basemap: "gray-vector"});const view = new MapView({container: "viewDiv",map: map,extent: {spatialReference: {wkid: 102100},xmax: -13581772,xmin: -13584170,ymax: 4436367,ymin: 4435053}});const popupTemplate = {// autocasts as new PopupTemplate()title: "station: {Station_Name}",content: [{// It is also possible to set the fieldInfos outside of the content// directly in the popupTemplate. If no fieldInfos is specifically set// in the content, it defaults to whatever may be set within the popupTemplate.type: "fields",fieldInfos: [{fieldName: "Fuel_Type_Code",label: "Fuel type"},{fieldName: "EV_Network",label: "EV network"},{fieldName: "EV_Connector_Types",label: "EV connection types"},{fieldName: "Station_Name",label: "Station Name"}]}]};const scale = 36112;const layer_1 = new FeatureLayer({url:"https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Alternative_Fuel_Station_March2018/FeatureServer",outFields: ["*"],popupTemplate: popupTemplate,renderer: new DictionaryRenderer({url:"https://jsapi.maps.arcgis.com/sharing/rest/content/items/30cfbf36efd64ccf92136201d9e852af",fieldMap: {fuel_type: "Fuel_Type_Code"},config: {show_label: "false"},visualVariables: [{type: "size",valueExpression: "$view.scale",stops: [{ value: scale / 2, size: 20 },{ value: scale * 2, size: 15 },{ value: scale * 4, size: 10 },{ value: scale * 8, size: 5 },{ value: scale * 16, size: 2 },{ value: scale * 32, size: 1 }]}]}),minScale: 0,maxScale: 10000});const layer_2 = new FeatureLayer({url:"https://services1.arcgis.com/4yjifSiIG17X0gW4/arcgis/rest/services/Alternative_Fuel_Station_March2018/FeatureServer",outFields: ["*"],popupTemplate: popupTemplate,renderer: new DictionaryRenderer({url:"https://jsapi.maps.arcgis.com/sharing/rest/content/items/30cfbf36efd64ccf92136201d9e852af",fieldMap: {fuel_type: "Fuel_Type_Code",connector_types: "EV_Connector_Types",network: "EV_Network",name: "Station_Name"},config: {show_label: "false"}}),minScale: 10000,maxScale: 0});map.addMany([layer_1, layer_2]);});
</script>

步骤解释

1、引入arcgis的js和css文件
2、创建一个组件，给该组件定义一个id
3、在js文件中，创建MapView(2D)或者ScreenView(3D)。在view中定义id组件为地图视图的容器
4、定义一个地图组件（new Map（））。在地图组件中引入基本图层
5、创建渲染图层，将渲染图层添加到地图中。

arcgis通俗易懂教程（一）------入门教程相关推荐

视频教程-通俗易懂的SVN入门教程（含配套资料）-Java
通俗易懂的SVN入门教程(含配套资料) 张长志技术全才.擅长领域:区块链.大数据.Java等.10余年软件研发及企业培训经验,曾为多家大型企业提供企业内训如中石化,中国联通,中国移动等知名企业.拥有丰 ...
TensorFlow 中文资源精选，官方网站，安装教程，入门教程，实战项目，学习路径。
转载至:http://www.nanjixiong.com/thread-122211-1-1.html Awesome-TensorFlow-Chinese TensorFlow 中文资源全集,学习 ...
extjs form java_[Java教程]ExtJS入门教程02，form也可以很优雅
[Java教程]ExtJS入门教程02,form也可以很优雅 0 2014-03-28 12:00:40 在上一篇<Extjs window 入门>中,我们已经看到了如何将一个form组件 ...
python tensorflow教程_TensorFlow入门教程TensorFlow 基本使用T
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 TensorFlow入门教程 TensorFlow 基本使用 TensorFlow官方中文教程 TensorFlow 的特点: 使用图 (graph) 来 ...
python第一次使用教程-python入门教程第一日
python 官方下载地址:https://www.python.org/downloads/ 根据系统的不同安装包也不同,但是开发的程序兼容各个操作系统,这点是python能吃得开的原因之一. py ...
linux terminal教程,Linux入门教程 - 如何记录和重放Linux终端会话
原标题:Linux入门教程 - 如何记录和重放Linux终端会话来自:https://www.linuxmi.com/replay-linux.html 使用命令,我们可以在type文件中记录终端会 ...
计算机linux入门教程,Turbolinux入门教程1
原标题:Turbolinux入门教程1 第一课:什么是Linux 简单地说, Linux 是一套免费使用和自由传播的类 Unix 操作系统,它主要用于基于 Intel x86 系列 CPU 的计算机上 ...
python图纸教程_python入门教程 python入门神图一张
初试牛刀假设你希望学习Python这门语言,却苦于找不到一个简短而全面的入门教程.那么本教程将花费十分钟的时间带你走入Python的大门.本文的内容介于教程(Toturial)和速查手册(Cheat ...
python入门教程pdf-Python入门教程详解.pdf
您所在位置:网站首页 > 海量文档 &nbsp>&nbsp计算机&nbsp>&nbspPython Python入门教程详解.pdf132页本文档一 ...
html+php教程,HTML入门教程
1.HTML简介 HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言. HTML 标记标签通常被称为 HTML 标签 (HTML tag) ...

arcgis通俗易懂教程（一）------入门教程

代码实例

步骤解释

arcgis通俗易懂教程（一）------入门教程相关推荐

最新文章

热门文章