前端开发中,GIS的用途很明确,就是用来做地图。你对地图的操作,不管是图形的绘制还是实体的添加都是在基础地图之上。本文将向你讲诉如何使用GIS创建基础地图以一些API的使用。
前提
在编写代码之前先简单叙述下GIS的原理,GIS也是基于AMD模式,所以你需要通过require(["esri/Map"], function(Map) { })来引入Map的类或者子类,然后通过回调来创建地图实例。
'esri/Map'是创建Map的前提(父类)
创建2D时则需引入MapView子类,回调中也需要指定MapView,require(["esri/Map", "esri/views/MapView"], function(Map,MapView) { })
创建3D时引入SceneView子类,require(["esri/Map", "esri/views/SceneView"], function(Map,SceneView) { })
了解了上面类的大致作用后,接下来代码的实现应该看起来就会易懂点
创建HTML
设置窗口大小,指定试图容器
2D及3D地图html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
添加GIS的API及CSS样式cdn
创建2D地图
require([
"esri/Map",
"esri/views/MapView"
], functi