移步码云下载

请留下一个Star

效果图

1. 书签

1
2
3
4
5
6
7
8
9
10
11
12
13
14

// 书签
        var bookmarksList = [
          { extent: { xmin: 106, ymin: 39, xmax: 112, ymax: 32 }, name: '陕西' },
          { extent: { xmin: 111, ymin: 31, xmax: 117, ymax: 35 }, name: '河南' },
          { extent: { xmin: 109, ymin: 35, xmax: 121, ymax: 42 }, name: '河北' },
          { extent: { xmin: 115, ymin: 31, xmax: 121, ymax: 34 }, name: '江苏' },
          { extent: { xmin: 90, ymin: 22, xmax: 114, ymax: 36 }, name: '四川' }
        ]
        const bookmarks = new Bookmarks({
          map: map,
          bookmarks: bookmarksList,
          editable: true
        }, 'bookmarks')
        bookmarks.startup()

这次采用了使用4.x的功能实现联动，3.x的extent-change可以实现，但是会出现延迟。

实现

嗯，很简单，创建两个Mapview，监听事件，设置center和zoom
但是设置zoom，总是会莫名的出BUG，或者在多监听一个滚轮
方便一点就是现在使用的办法。

空间数据库

第一章

1. 数据的特点：数据与其语义不可分割

思路

1. 定义要素图层
2. new一个卷帘对象
3. 开启小部件
   PS：要素图层需要添加在map容器中才能在卷帘对象中设置layers

实用方法

1
2

swipeWidget01.disable();//禁用小部件
swipeWidget23.enable();//启用小部件

一个简单的图层切换闪烁动画，js入门练手

知识点

设置显示图层layer.setVisibleLayers([0]);

查看图层编号步骤：

1. 查看已经发布地图服务
   
2. 功能—REST URL
   
3. 查看
   

基础：加载动态图层

方法：

1. 添加一个button（添加动态图层），给button绑定on模块的点击事件

   1	on(dom.byId("btn"),"click",function(e){})

先来看看效果图

这是北京市的2000年的土地资源主题地图

页面按加载完成之后，地图可以放大缩小，平移。
所有的放大缩小平移都是一起的，显而易见这是一个图层。
可以在esri官方查找ArcJS的API
ArcGIS API for JavaScript 3.29

计算机地图制图

第一章

1. 计算机制图的概念 P1 数字地图，电子地图的概念（PPT），区分，名词解释

• 计算机地图制图（数字地图制图）：以传统的地图制图原理为基础，以计算机及其外围设备为工具，采用数据库技术和图形数据处理方法，实现地图信息的采集、存储、处理、显示和绘图的应用科学。实质: 从图形（连续）转换为数字（离散），经过一定处理，再由数字转换为图形的过程。
• 数字地图：一定坐标系内，空间数据 + 属性标志的离散数据，以数字形式存储的数据 。
• 电子地图：利用计算机技术，以数字方式存储和查阅的地图，数字地图在屏幕上显示的地图。
• 模拟地图（传统地图）：电子地图在一定比例尺下出图，打印成纸质地图。

效果图

几何处理结合api，每一种几乎改动不大。