ArcGIS api for javascript——创建地图
Posted xiaotian_小天
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ArcGIS api for javascript——创建地图相关的知识,希望对你有一定的参考价值。
描述
这个示例显示ArcGIS Server的一个地图。ArcGIS Server地图是缓存的,意味着它有服务器管理员建来提升性能的一组预先渲染的切片。由于这个原因地图通过 ArcGISTiledMapServiceLayer表示。
如果地图服务没有一个可用的缓存,使用 ArcGISDynamicMapServiceLayer。如果不知道地图服务是否有缓存可用,使用 Services Directory寻找。
注意切片地图服务图层的构造函数包含服务的URL(http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer),使用Services Directory找到自己的地图服务的URL。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Create Map</title> <link rel="stylesheet" type="text/css" href="styles.css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script> <script type="text/javascript"> dojo.require("esri.map");//基础载体 function init(){ var map = new esri.Map("map"); //根据服务的URL创造切片地图服务层对象 var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer( "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer" //"http://map.51240.com" //"http://10.10.10.210:6080/arcgis/rest/services/test/zhengzhou526/MapServer" ); map.addLayer(tiledMapServiceLayer);//添加地图服务:切片地图服务层 } dojo.addOnLoad(init); </script> </head> <body class="tundra"><!-- dojo特有的风格 --> <div id="map" style="width:900px;height:600px;border:1px solid #000"></div> Creates a map and adds an ArcGISTileMapServiceLayer.<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>
以上是关于ArcGIS api for javascript——创建地图的主要内容,如果未能解决你的问题,请参考以下文章
arcgis api for javascript 4.10版本的本地部署
Map学习(arcgis api for javascript3.18)
ArcGIS API for JavaScript学习:第一个地图