4天精通arcgis

真是掉进了一个史无前例的坑

 

--ArcGIS产品线为用户提供一个可伸缩的，全面的GIS平台。

这是百科的介绍，简单来讲，这就是一个地图，可以搞事情。

 

学的是ArcGIS API for JavaScript，网址是：https://developers.arcgis.com/javascript/。

 

该框架基于DOJO框架，官方实例使用require.js来引用对应的模块。

require([
            "esri/config",
            "esri/layers/OpenStreetMapLayer",

            "esri/Map",
            "esri/views/SceneView",

            'esri/geometry/Point',
            'esri/geometry/Polyline',
            'esri/geometry/Polygon',

            "esri/symbols/SimpleMarkerSymbol",
            'esri/symbols/SimpleLineSymbol',
            'esri/symbols/SimpleFillSymbol',
            'esri/symbols/PictureMarkerSymbol',
            'esri/Graphic',

            "dojo/domReady!",
        ], function(esriConfig,
            OpenStreetMapLayer,
            Map, SceneView,
            Point, Polyline, Polygon,
            SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol, PictureMarkerSymbol, Graphic) {//...code}

 

简单来讲，这是一个画布绘图的框架，简单来讲包含4个部分：

1、地图，又称为底图，可选参数为：satellite, hybrid, topo, gray, dark-gray, oceans, osm, national-geographic。（其中粗体在中国内地都没有数据）

实例代码如下：

            var map = new Map({
                basemap: "satellite",
                ground: "world-elevation"
            });

 

2、视图挂载，相当于路由的router-view。

view是一个promise对象，可以调用then方法进行后续操作。可选参数有：tilt（视角）、center（中心经纬度）、zoom（缩放比例）等。

实例代码如下：

            // 设定地图挂载处 默认坐标 缩放比例
            var view = new SceneView({
                container: "viewDiv",
                map: map,
            });

            // 倾斜角度
            function viewInit() {
                view.then(function() {
                    view.goTo({
                        tilt: 60,
                        center: [114.165927, 22.667654],
                        zoom: 13,
                    });
                });
            };

 

3、中间图层Layer。

相当于对底图进行美化，可以选择官方提供的（不会用），也可以自定义。

实例代码如下：

            // 街道图层
            var osmLayer = new OpenStreetMapLayer();
            osmLayer.opacity = 0.3;
            map.add(osmLayer);

 

4、绘图API。

主要对底图进行绘制的一些API，根类为Symbol，包含点、线、面、自定义图片、IconFont等。

具体代码就不做示范了，总之，理解这4点，这个鬼畜的框架可以算入门了吧！