• 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>
    

      

  • 相关阅读:
    02:找第一个只出现一次的字符
    11-Canvas
    07-jQuery
    06-JavaScript高级
    05-Web API
    03-京东项目
    剑与远征-兑换码
    04-JavaScript基础语法
    02-CSS
    01-HTML
  • 原文地址:https://www.cnblogs.com/xiaotian-222/p/6514413.html
Copyright © 2020-2023  润新知