arcgis-api-for-js-之创建图层和添加图层（1）

其中，MapView通过传递一个对象给它的构造函数来设置它的属性。我们将container属性设置为将保存地图的DOM节点的名称。该map属性引用我们在上一步中创建的地图对象。

创建完成后，在container中引用。

最终，小伙伴们，我们成功利用ArcGIS API for JavaScript 4.6,构建了第一个Web应用程序，效果请戳下面链接 http://jiegiser.win/arcgisAPI/creat2Dmap.html

1、创建一个自定义图层实例或获取canvas实例varcanvas等于documentcreateElement(canvas)或将canvas宽高设置为地图实例的宽高。

2、为自定义图层添加渲染方法自定义图层的render方法即用户自定义的图层绘制方式。

<script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script>

<script type="text/javascript" src="http://api.tianditu.com/js/service.js"></script>

<title>行政区域</title>

<script type="text/javascript">

var zoom = 10

var wmsLayer

var localsearch

var map

var lay

function onLoad() {

var config = { projection: "EPSG:4326"}

//map实例

map = new TMap("mapDiv",config)

//设置显示地图的中心点和级别

map.centerAndZoom(new TLngLat(106.38848,38.995728), zoom)

//允许鼠标滚轮缩放地图

map.enableHandleMouseScroll()

//允许双击地图放大

map.enableDoubleClickZoom()

getWMS()

}

function getWMS(){

if(wmsLayer)

{

map.removeLayer(wmsLayer)

}

var config = {

REQUEST:"GetMap", // *** 作名称

VERSION:"1.1.1", //请求服务的版本

SERVICE:"WMS", //服务类型标识符

LAYERS:"0", //用","分隔的多个图层列表

TRANSPARENT:true, //输出图像背景是否透明

STYLES:"default", //每个请求图层的用","分隔的描述样式

FORMAT:"image/png", //输出图像的类型

SRS:"EPSG:4326", //地图投影类型

WIDTH:256, //输出地图图片的像素宽

HEIGHT:256 //输出地图图片的像素高

}

wmsLayer = new TTileLayerWMS("wms","url",config)

//将WMS图层添加到地图上

map.addLayer(wmsLayer)

}

</script>

注意事项：

1.首先因为调用的是天地图的添加wms图层的方法，所以对于arcgis发布的图层服务，要求必须启用wms服务功能才可以。启用的时候会有一个地址，这个地址就是上面url的地址

2.在初始化地图的时候var config = { projection: "EPSG:4326"} 这个配置是需要的要不然 ，图层会添加失败。

3.对于config配置的项要注意的地方，LAYERS属性是你发布的服务的图层名称

FORMAT ："image/png" 这个属性也要注意，当时我写的是image/jpeg,出现了问题，改为png就正常了

以上 注意了，应该就不会有问题了。

---