使用ArcGIS Online创建一个简单的mash-up

这是从ArcGIS Online的一个视频中学到的，整理一下。

（1）在ArcGIS Resource Center的demo中找源码，将其拷贝下来，放到一个编辑器中进行编辑。（目的是为了使用其中的css引用和JavaScript文件）。示例代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="Content-Type" content="text/html; charset=utf-8"/> <<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="X-UA-Compatible" content="IE=7" /> <title>Create Map</title> <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.4/js/dojo/dijit/themes/tundra/tundra.css" mce_href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.4/js/dojo/dijit/themes/tundra/tundra.css"> <mce:script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.4" mce_src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.4"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body class="tundra"> <div id="map" style="width:900px; height:600px; border:1px solid #000;"></div> Creates a map and adds an ArcGISTiledMapServiceLayer.<br /> Map navigation using mouse: <ul> <li>Drag to pan</li> <li>SHIFT + Click to recenter</li> <li>Mouse Scroll Forward to zoom in</li> <li>Mouse Scroll Backward to zoom out</li> <li>Use Arrow keys to pan</li> <li>+ key to zoom in a level</li> <li>- key to zoom out a level</li> <li>Double Click to Center and Zoom in</li> </ul> </body> </html>

（2）在ArcGIS Online的rest services下找到一个MapServer标志的service，点击相应链接，将其地址（浏览器中可见）拷贝下来，准备以后使用。

（3）在html文件中修改JavaScript代码，加入一个图层变量，如：

var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer");

其中括号中的URL就是前面在ArcGIS Online中拷贝下来的地址。

（4）在地图中加载这个图层，使用map.addLayer(tileMapServiceLayer)来加载自己所创建的图层。

（5）设置初始地图范围，方法为创建一个esri.geometry.Extent对象，并在创建esri.Map对象时将其作为一个参数加入Map对象的构造函数中，如：var map = new esri.Map("map",{extent:startExtent});

（6）保存文件，在浏览器中打开就可以了。

（7）教程中说在使用ArcGIS Online的Service构造自己的图层时，要注意Service的类型，如果是Tiled的，则使用ArcGISTiledMapServiceLayer，否则，使用ArcGISDynamicMapserviceLayer。我试了一下，tiled图层可以这两种图层对象都行，速度上也没感觉很大的差别，但没有真正地测试。Dynamic的没有测试，因为没找到数据。

（8）还没做自己的数据发布，改天自己发布一个WebService后，再补充这一部分的内容。

使用ArcGIS Online创建一个简单的mash-up

相关文章