arcgis for javascript 编写的在页面上显示地图的小例子

最新推荐文章于 2021-10-04 23:50:56 发布

loveszg

最新推荐文章于 2021-10-04 23:50:56 发布

阅读量1.7k

点赞数

分类专栏： arcgis for javascript 文章标签： arcgis for javascrip

本文链接：https://blog.csdn.net/loveszg/article/details/41242899

版权

arcgis for javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本人是初学者还是个实习生，所以就简单的写了个小例子（注意此例子是在所有资源都配置好的前提下！！）

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>Simple Map</title>
    <style>
      html, body, #map {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #FFF;
        overflow: hidden;
        font-family: "Trebuchet MS";
      }
    </style>
    <script type="text/javascript">

//var dynamic_jsapi_url="localhost:8080/arcgis_js_api/library/2.8/jsapi/";
//var arcGisJsApiRootPath = "localhost:8080";

</script>

<%--
<script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/2.8/jsapi/js/dojo/dojo/dojo.xd.js"></script>
<script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/2.8/jsapi/js/esri/esri.js"></script>
<script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/2.8/jsapi/js/esri/jsapi.js"></script>

这里带我的人说也可以代替下面的代码，公司老员工说下面的放到tomcat下更方便，所以你们要用的话就用这里的代码（前提是以上几个js都已将发布（可以用浏览器浏览)

--%>

<%
   //String dynamic_server_gis = request.getServerName()+":"+request.getServerPort();
   //String dynamic_server_gis = "10.1.134.3:8080";
   String dynamic_server_gis = request.getServerName()+":"+request.getServerPort();
   String dynamic_server_name = request.getServerName()+":"+request.getServerPort() + request.getContextPath();
   String dynamic_jsapi_url = dynamic_server_gis + "/arcgis_js_api/library/2.8/jsapi/";
   out.println("<link type=\"text/css\" rel=\"stylesheet\" href=\"http://"+dynamic_jsapi_url+"js/dojo/dijit/themes/tundra/tundra.css\"/>");
   out.println("<script type=\"text/javascript\">var dynamic_jsapi_url=\""+dynamic_jsapi_url+"\";var arcGisJsApiRootPath = \""+dynamic_server_gis+"\";var fullContext=\"http://"+dynamic_server_name+"\";</script>");
   out.println("<script type=\"text/javascript\" src=\"http://"+dynamic_jsapi_url+"js/dojo/dojo/dojo.xd.js\"></script>");
   out.println("<script type=\"text/javascript\" src=\"http://"+dynamic_jsapi_url+"js/esri/esri.js\"></script>");
   out.println("<script type=\"text/javascript\" src=\"http://"+dynamic_jsapi_url+"js/esri/jsapi.js\"></script>");
//   out.println("<script type=\"text/javascript\">esriConfig.defaults.io.proxyUrl=\"http://"+dynamic_server_name+"/js/map/map-core/proxy.jsp"+"\";esriConfig.defaults.io.alwaysUseProxy=false;</script>");
%>


</script>
<script type="text/javascript">
dojo.require("esri.map");

function init() {
var lods = [ {"level": 1,"scale": 36978595.474472,"resolution": 9783.93962049996
    },{"level": 2,"scale": 18489297.737236,"resolution": 4891.96981024998
    }, {"level": 3,"scale": 9244648.868618,"resolution": 2445.98490512499
    }, {"level": 4,"scale": 4622324.434309,"resolution": 1222.99245256249
    }, {"level": 5,"scale": 2311162.217155,"resolution": 611.49622628138
    }, {"level": 6,"scale": 1155581.108577,"resolution": 305.748113140558
    }, {"level": 7,"scale": 577790.554289,"resolution": 152.874056570411
    }, {"level": 8,"scale": 288895.277144,"resolution": 76.4370282850732
    }, {"level": 9,"scale": 144447.638572,"resolution": 38.2185141425366
    }, {"level": 10,"scale": 72223.819286,"resolution": 19.1092570712683
    }, {"level": 11,"scale": 36111.909643,"resolution": 9.55462853563415
    }, {"level": 12,"scale": 18055.954822,"resolution": 4.77731426794937
    }];      //这里定义的东西是地图放大缩小滚动条下的级别，不加的话不显示滚动条只显示两个头（级别定义不合理也不行）

var mymap = new esri.Map("mapDiv",{logo:false,slider: true,lods: lods,}); //创建一个地图，第一个参数是下面包含地图的div的id，第二个参数本别是消logo，显示滚动条，加lods其余看API
var mylayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://172.16.10.242:8399/arcgis/rest/services/china/chinalayernew/MapServer");   //向图从添加服务
mymap.addLayer(mylayer);
mylayer.setVisibility(true);   //可加可不加，默认就是

//以上四行代码是最基本的代码（API可查）
}

dojo.addOnLoad(init);
</script>

</head>
<body class="tundra">
<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
<div id="info" style="padding:5px; margin:5px; background-color:#eee;"></div>
</body>
</html>

loveszg

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
arcgis for javascript 编写的在页面上显示地图的小例子

注意以下是代码： Simple Map html, body, #map { height: 100%; width: 100%; margin: 0; padding: 0; } body {
复制链接

扫一扫