ArcGIS Web客户端开发(二)打开地图

二、打开地图

      一个最基本的打开地图的应用脚本,使用由ERSI提供的缺省数据,以及CDNAPI(在线API):

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>第一个地图应用</title>

    <link rel="stylesheet" href="https://js.arcgis.com/3.18/dijit/themes/claro/claro.css"/>

    <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.18/esri/css/esri.css" />

    <style>

           html, body ,#map{ height: 100%; width: 100%; margin: 0; padding: 0; }

    </style>

<script type="text/javascript" src="https://js.arcgis.com/3.18" ></script>

<script>

  //Dojo模块,使用在线缺省数据。

        require(["esri/map", "dojo/domReady!"], function (Map) {

            //初始化<div id="map" ></div>map容器

            var map = new Map("map", {

                center: [-118, 34.5],

                zoom: 8,

                basemap: "topo"

            });

        });

     </script>

</head>

<body class="claro">

      <div id="map" >

      </div>

  </body>

</html>

 

脚本运行效果如图所示:

 

 

打开地图的核心代码是:

       ....

var map = new Map("map", {

                center: [-118, 34.5],

                zoom: 8,

                basemap: "topo"

            });

       ....

这段代码相当于创建了一个地图容器,定位在center处,显示在第8级。3.18Map对象可以认为是一个view+doc的对象,在4.0后,就将MapView分开了,一个负责数据管理,一个负责显示及控制。ESRI在网上为basemap提供的缺省选项包括topo"satellite", "hybrid", "topo", "gray", "oceans", "osm", "national-geographic"等几类。去掉basemap就是打开一个白图。

如从打开一个空白地图开始,逐个打开图层并加入地图,就可以完成地图的调用了,类似如下代码:

...

var map,tiled_layers;

//创建map

map = new Map("map", {

          center: [-96.541, 38.351],

          zoom: 14,

         slider: false

 });

//根据图层服务的URL地址,或图层文件的URL地址打开图层

tiled_layers= new ArcGISTiledMapServiceLayer("图层服务所在的URL",{打开选项,可全用缺省});

//加入地图

    map.addLayer(tiled_layers);

    ...

     当然,前提是这些图层的都是预先配准好的,显示风格也有了较好的缺省设置,否则的话,就得对他们的显示属性进行设置。常用的的图层对象主要有以下几种:

...

GraphicsLayer,一般矢量地图,一般用来处理业务数据;

FeatureLayer,矢量地图,由Arcgis维护的矢量地图数据

ArcGISTiledMapServiceLayer经过切片缓冲过的地图,背景地图一般用这种方式;

ArcGISDynamicMapLayer,mdx文档发布出来的矢量图

MapImageLayer,经地理编码的影像,可与地图一块叠加;

WMSLayer,符合OGC Web Map Services (WMS)的服务提供的Map图层.

WFSLayer ,符合OGC Web Feature Services (WFS)要求的服务提供的矢量图层.

CSVLayer,利用服务器上的CSV file (.csv, .txt)产生的图层。

KMLLayer,利用服务器上的(.kml, .kmz).产生的图层。(.kml, .kmz)

GeoRSSLayer,利用服务器上的GeoRSS文件产生的图层。

...

    显然,这些图层可以来自不同服务。对于经arcgis for server发布出来的地图,在服务上右键选中property可以看服务地址:例如为http://localhost/arcgis/services/zy/MapServer,但实际引用方法为:http://localhost/ArcGIS/rest/services/zy/MapServer,可以将该地址复制到浏览器地址查看是否正确

    图层对象里实际上可以包含多个图层,每个图层的在特定地图比例尺范围内的可见性一般在发布时就设置好了(就应该设置好),要注意这一点。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值