精华内容
下载资源
问答
  • 1:ArcGISjsp页面基础应用 1):jsp页面代码 function pointLayersLoad(){ var imgUrl1="${ctxStatic}/heiplat/images/water/pwk.png";//地图标点图标 .get(".get(".get("{ctx}/statistical/main/...

    1:ArcGIS在jsp页面基础应用
    1):jsp页面代码
    function pointLayersLoad(){
    var imgUrl1="${ctxStatic}/heiplat/images/water/pwk.png";//地图标点图标
    . g e t ( " .get(" .get("{ctx}/statistical/main/getSewageOutletInfor",function(data){//后台ajax请求一个list数据
    for(var i=0;i<data.length;i++){
    var point = new Point(data[i].longitude,data[i].latitude, new SpatialReference({wkid:4326}));
    var picSymbol = new PictureMarkerSymbol(imgUrl1, 16, 16);
    //放入标注信息(拼接表格样式并动态赋值数据)
    var infoTemplate = new esri.InfoTemplate(null,

    ”+
    ”+
    “”+

    排污口信息

    ”+
    “”+
    “”+
    “"+
    “”+
    “”+
    “”+
    “"+
    “”+
    “”+
    “”+
    “"+
    “”+
    排污口坐标经度:”+data[i].longitude+" 纬度:"+data[i].latitude+"
    行政区”+data[i].administrativeAreaName+"
    入河排污口名称”+data[i].sewageOutletName+"
    ”+
    ”+
    ”);
    var graphic = new Graphic(
    point,
    picSymbol,
    null,
    infoTemplate
    );
    myMap.graphics.add(graphic);
    }
    });
    };

    展开全文
  • 效果图: ...HelloWorld.jsp String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>

    效果图:


    代码(红色部分为重点):

    HelloWorld.jsp

    <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
       
        <title>My JSP 'HelloWorld.jsp' starting page</title>
       
     <meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">   
     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
     <meta http-equiv="description" content="This is my page">
     <!--
     <link rel="stylesheet" type="text/css" href="styles.css">
     -->
     <style type="text/css">
         @import "http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dijit/themes/tundra/tundra.css";
        </style>
        <script type="text/javascript" src="</script'>http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.2"></script>
        <script type="text/javascript">
      dojo.require("esri.map");
      function init(){
       var map=new esri.Map("mapDiv");
       var MS=new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");
       map.addLayer(MS);
      }
      dojo.addOnLoad(init);
        </script>
      </head>
     
      <body>
        <div id="mapDiv" style="position:relative;width:100%; height:100%; border:1px solid #000;"></div>
      </body>
    </html>


    展开全文
  • arcgis api for javascript 调用天地图

    热门讨论 2015-06-12 15:03:44
    arcgis api for javascript 调用天地图 2015年6月 测试可用
  • 当我们使用arcgis api for javascript 查询arcgis服务时,如果查询的参数很长时,通过get方式...arcgis 提供了一种解决方案就是proxy.jsp. 首先在项目页面js中引入 proxy.jsp:esriConfig.defaults.io.proxyUrl=...

    当我们使用arcgis api for javascript 查询arcgis服务时,如果查询的参数很长时,通过get方式提交会查询不到结果,因为get方式提交的参数有长度限制,需要通过代理的方式使用post提交。

    arcgis 提供了一种解决方案就是proxy.jsp. 

    首先在项目页面js中引入 proxy.jsp:esriConfig.defaults.io.proxyUrl=http://servername:prot/arcgis_js_api/proxy.jsp  引入代理页面

    esriConfig.defaults.io.alwaysUseProxy=true;         设置代理是否一直起作用

    引入之后把proxy.jsp放入到项目中。

    代理页面源码如下:

     

    <%@page session="false"%>
    <%@page import="java.net.*,java.io.*" %>
    <%!
    String[] serverUrls = {
      "http://servername:8399/arcgis/rest/services"//对什么服务起作用,可以配置多个用","分割。
    };
    try {
      String reqUrl = request.getQueryString();
      boolean allowed = false;
      String token = null;
      for(String surl : serverUrls) {
        String[] stokens = surl.split("\\s*,\\s*");
        if(reqUrl.toLowerCase().contains(stokens[0].toLowerCase())) {
          allowed = true;
          if(stokens.length >= 2 && stokens[1].length() > 0)
            token = stokens[1];
          break;
        }
      }
      if(reqUrl.endsWith(".png")) allowed = true;
      if(!allowed) {
        response.setStatus(403);
        return;
      }
      if(token != null) {
        reqUrl = reqUrl + (reqUrl.indexOf("?") > -1 ? "&" : "?") + "token=" + token;
      }
      		URL url = new URL(reqUrl);
            HttpURLConnection con = (HttpURLConnection)url.openConnection();
            con.setDoOutput(true);
            con.setRequestMethod(request.getMethod());
            if(request.getContentType() != null) {
              con.setRequestProperty("Content-Type", request.getContentType());
            }
      		con.setRequestProperty("Referer", request.getHeader("Referer"));
            int clength = request.getContentLength();
            if(clength > 0) {
                    con.setDoInput(true);
                    InputStream istream = request.getInputStream();
                    OutputStream os = con.getOutputStream();
                    final int length = 5000;
              byte[] bytes = new byte[length];
              int bytesRead = 0;
              while ((bytesRead = istream.read(bytes, 0, length)) > 0) {
                os.write(bytes, 0, bytesRead);
              }
            }
      else {
        con.setRequestMethod("GET");
      }
    	out.clear();
    	out = pageContext.pushBody();
    	OutputStream ostream = response.getOutputStream();
    	response.setContentType(con.getContentType());
    	InputStream in = con.getInputStream();
    	final int length = 5000;
    	byte[] bytes = new byte[length];
    	int bytesRead = 0;
    	while ((bytesRead = in.read(bytes, 0, length)) > 0) {
    		ostream.write(bytes, 0, bytesRead);
    	}
    } catch(Exception e) {
    	response.setStatus(500);
    }
    %>

    转载于:https://www.cnblogs.com/telwanggs/p/4929564.html

    展开全文
  • ArcGis JS 调用各种地图服务

    千次下载 热门讨论 2013-08-01 16:34:56
    本人花费一天时间整理的完全可用,并附上离线ArcGis API,请自行修改API配置
  • Arcgis js api调用常用三种地图服务Demo

    热门讨论 2014-07-25 16:04:11
    花了一天的时间来研究Arcgis js api调用常见的三种地图服务,这里简单的整理了一下,希望可以让学习这方面的人少走点弯路
  • 适合初学者学习 arcgis js api的开发学习
  • arcgis JavaScript api proxy

    2017-03-15 15:19:24
    arcgis JavaScript api proxy
  • 有时候项目里涉及到地图操作功能时,我们总是希望将这些功能都集成到一个工具条上去,这样用户操作起来更加方便,界面看起来的话也更加整洁。 效果图如下: 主要代码: 布局文件Toolbar.html: ... t...

           有时候项目里涉及到地图操作功能时,我们总是希望将这些功能都集成到一个工具条上去,这样用户操作起来更加方便,界面看起来的话也更加整洁。

    效果图如下:

    主要代码:

    布局文件Toolbar.html:

    <ul  class = "horizontal-toolbar">
    	<li><img src="assets/icons/pan.png" title="平移"></li>
    	<li><img src="assets/icons/zoom_in.png" title="放大"></li>
    	<li><img src="assets/icons/zoom_out.png" title="缩小"></li>
    	<li><img src="assets/icons/default.png" title="默认视图"></li>
    	<li><img src="assets/icons/distance.png" title="测量距离"></li>
    	<li><img src="assets/icons/area.png" title="测量面积"></li>
    	<li><img src="assets/icons/clear.png" title="清除图层"></li>
    	<li><img src="assets/icons/layers.png" title="图层控制"></li>
    	<li class="no-border"><img src="assets/icons/legend.png" title="图例"></li>
    </ul>

    样式表Toolbar.css:

    ul,li{
    	padding: 0;
    	margin: 0;
        list-style: none;
    }
    
    /*工具栏样式*/
    .vertical-toolbar{/*竖向*/
    	position: absolute;
    	top: 10px;
    	right: 10px;
    	height: 389px; 
    	width: 42px;
    	overflow: hidden;
    	background-color: #fff;
    	border-radius: 8px;
    	-moz-box-shadow: 6px 6px 5px #cccccc; 
    	-webkit-box-shadow:6px 6px 5px #cccccc; 
    	box-shadow: 6px 6px 5px #cccccc;
    }
    .vertical-toolbar>li{
    	box-sizing: content-box;
    	height: 40px;
    	width: 26px;
    	margin: 0 auto;
    	border-bottom: 2px solid #f5f5f5;
    	cursor: pointer;
    	position: relative;
    	float: none;
    }
    .vertical-toolbar>li.no-border{
    	border: 0;
    }
    .horizontal-toolbar>li>img,.vertical-toolbar>li>img{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
    	-moz-transform: translate(-50%,-50%);
    	-webkit-transform: translate(-50%,-50%);
    	-o-transform: translate(-50%,-50%);
    	width: auto;
    }
    
    .horizontal-toolbar{/*横向*/
    	position: absolute;
    	top: 20px;
    	right: 10px;
    	height: 42px;
    	width: 421px;
    	overflow: hidden;
    	background-color: #fff;
    	border-radius: 8px;
    	-moz-box-shadow: -6px 6px 5px #cccccc; 
    	-webkit-box-shadow:-6px 6px 5px #cccccc; 
    	box-shadow: -6px 6px 5px #cccccc;
    }
    .horizontal-toolbar>li{
    	float: left;
    	position: relative;
    	height: 26px;
    	width: 41px;
    	border-right: 2px solid #f5f5f5;
    	margin: 8px 0 0 0;
    	cursor: pointer;
    }
    .horizontal-toolbar>li.no-border{
    	border: 0;
    	width: 40px;
    }

     

    展开全文
  • 为什么要使用代理proxy? &amp;nbsp;&amp;nbsp;&...未配置代理时server发送请求是用get的方式,请求跨域...Arcgis Server 10.0 由于不支持CORS,需要配置代理才能在前端js 程序中范围进行操作,而有时候未
  • ArcGIS Server 9.2帮助文档翻译(3)Writing the JSP page .网络上没有的资料,绝对原创!
  • ArcGIS 网页地图中加载影像图层效果如下: opacity = 1 opacity = 0.9 opacity = 0.6 opacity = 0.3 网页地图使用的servermap.jsp文件: ; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE ...
  • 创建图层: var url = "http://localhost:6080/arcgis/rest/services//MyMapService/countyShape/MapServer"; var options = { id : 'myMapLayer_1', opacity: 1 }; var layer = new esri.layers....
  • arcgis js 跨域代理proxy设置(java)

    万次阅读 2015-12-10 09:28:46
    Arcgis Server 10.0 由于不支持CORS,需要配置代理才能在前端js 程序中范围进行操作,而有时候未配置代理也未出错,例如:用extent进行空间查询 后不报错是因为选择extent 请求的参数字符串较短,jsa
  • eclipse搭建ArcGIS_API_JS的maven运行环境说明eclipsemaven在eclipse中配置maven搭建服务器。创建一个maven web 项目插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
  • 最近又重新搞起arcgis javascript开发,配置环境时总结了下原来的问题: 以前在webstorm中添加一个API,用来平时在webstorm中调试,然后在自己电脑iis中配置一个,这样调试起来比方便,但是再布置环境时还得再将web ...
  • arcgis js 与 echarts 结合的小案例

    千次阅读 2018-09-14 16:25:45
    实现思路是采用arcgis 的 graphic 的InfoTemplate属性,把echarts集成到弹出气泡中,代码如下 test.jsp: &lt;%@ page language="java" contentType="text/html; charset=UTF-8" ...
  • arcgis server服务器IP:6080 /arcgis/rest/services/?f=pjson 出现相应的服务信息,则证明成功。 四、最后在代码中加入以下代码即可: esriConfig.request.proxyUrl = "http:// tomcat所在服务器IP:端口 ...
  • (三)ArcGIS API For Javascript之调用动态地图服务

    万次阅读 多人点赞 2016-09-06 21:23:33
    注:(如何利用ArcGIS Server发布动态地图服务请看博客ArcGIS Server发布动态地图服务), 2.调用动态地图服务 在ArcGIS API 中给我们提供了一个类叫做ArcGISDynamicMapServiceLayer利用这个类,我们可以获得发布的...
  • Arcgis的proxy使用

    2020-08-13 15:46:56
    直接把https://github.com/Esri/resource-proxy下载...配置proxy.jsp增加需要代理的地址 再次访问成功 在网页中如何使用,虽然这里alwaysUseProxy用了false,但是html中使用request请求的时候会通过代理去调用。
  • 需求:已知根据数据后台查询到要素名称,想通过该名称查询要素多边形,不通过arcgis for jsp 提供的查询按钮实现。 这里只是一个demo,具体实施得结合自己的项目。 首先引入引用文件: <link rel="stylesheet...
  • 天地图与Arcgis互调服务

    千次阅读 2018-06-28 17:53:37
    location:document.location.pathname.substring(0,document.location.pathname.indexOf("/",1))+"/jsp/product/app/lwyt/common" }] }; 使用如下: require([ "esri/map", "common/TDTLayer", ], function( ...
  • ArcGIS JS API加载GeoServer发布的WFS服务

    千次阅读 2019-04-07 15:45:13
    "http://localhost/Java/proxy.jsp" ; //设置代理 var opts = { "url" : "http://localhost:8090/geoserver/wfs_point/wfs" , "version" : "1.1.0" , "name" : "Points" , //图层名称 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 638
精华内容 255
关键字:

arcgisjsp