zoukankan      html  css  js  c++  java
  • 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="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>
    

      

  • 相关阅读:
    [bzoj1063][Noi2008]道路设计【树形dp】
    [bzoj1078][SCOI2008]斜堆【可并堆】
    [bzoj3744]Gty的妹子序列【分块】【主席树】
    [bzoj3720]Gty的妹子树【树分块】
    [bzoj3438]小M的作物【最小割】
    [bzoj4518][Sdoi2016]征途【dp】
    [bzoj4260]Codechef REBXOR【trie树】
    [bzoj3307]雨天的尾巴【线段树】
    2020-2021-1 20201229 《信息安全专业导论》第二周学习总结
    我对师生关系的认识
  • 原文地址:https://www.cnblogs.com/xiaotian-222/p/6514413.html
Copyright © 2011-2022 走看看