修改infowindow样式的章程,离线安排API

by admin on 2019年6月29日

修改infowindow样式的章程,离线安排API。方法一:

ArcGis API
for JavaScript支出笔记——离线计划API

ArcGIS Javascript API
在境内访问一直十三分缓慢,Ersi也远非配备国内CDN的意趣,不过它提供了离线安装包。安装进度实际上挺轻便的,正是略微麻烦,
汤姆cat的布置不老子@楚。首要为了记录一下,便于未来翻看。

ArcGIS Javascript API
在境内访问一贯特别缓慢,Ersi也平素不安排国内CDN的情趣,可是它提供了离线安装包。安装进度实际上挺轻易的,正是有个别麻烦,
汤姆cat的配置不老聃楚。首要为了记录一下,便于以往翻看。

function popup()
{
  $(".esriPopup .titlePane").css({
'background-color':'rgba(64,64,64,0.8)'
  })
  $(".esriPopup .contentPane").css({
'background-color':'rgba(64,64,64,0.8)',
'color':'#FFFFFF'
  })
  $(".esriPopup .actionsPane").css({
'background-color':'rgba(64,64,64,0.8)'
  })
}

以3.18版API为例: 
在加载图图前引述GIS服务是必须的。有二种办法,一是在线援用,而是离线铺排援引。 
在线引用:

    1.下载离线包

首先下载ArcGIS JS API
离线包必要登记三个免费的帐号,注册地址为: 。然后进入ESWranglerI官方网址下载页面选拔下载,版本: v2.7, v3.0, v3.2 .假诺访问缓慢的话,能够从微盘下载:v2.7, v3.0, v3.2 .

    1.下载离线包

先是下载ArcGIS JS API
离线包需求注册二个无偿的帐号,注册地点为: 。然后进入ES福睿斯I官方网站下载页面选拔下载,版本: v2.7, v3.0, v3.2 .固然访问缓慢的话,能够从微盘下载:v2.7, v3.0, v3.2 .

方法二:

  <link rel="stylesheet"href="https://js.arcgis.com/3.18/esri/css/esri.css">
  <script src="https://js.arcgis.com/3.18/"></script>

      2.安装离线包

  1.   解压下载的压缩包,将内部的
    \arcgis_js_api\library 目录的富有剧情全方位拷贝到你的web
    服务器中。譬喻的以下门路例子所示,

    •   Tomcat:
      \home\vent\tomcat7\webapps\arcgis_js_api\library
    •   IIS: C:\Inetpub\wwwroot\arcgis_js_api\library
  2.  将以下文件在文书编辑器(如Notepad++,Vim)中开垦:
    • 修改infowindow样式的章程,离线安排API。 
      Tomcat: \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\js\esri\esri.js
    •  
      IIS: C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\esri\esri.js
  3. 搜索esri.js文件中的 '[HOSTNAME_AND_PATH_TO_JSAPI]',
    用以下URI代替之。

    •  Tomcat: <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
    •   IIS: <myserver>/arcgis_js_api/library/2.7/jsapi/

    myserver是你的网址访问UWranglerI,本地能够用localhost/127.0.0.1来代替.

  4.  将以下文件在文件编辑器(如Notepad++,Vim)中开采:

    •  
      Tomcat: \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\dojo\dojo\dojo.xd.js
    •  
      IIS: C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\dojo\dojo\dojo.xd.js
  5.  寻觅dojo.xd.js文件中的四个 ‘[HOSTNAME_AND_PATH_TO_JSAPI]’
    ,用以下URI代替之。

    • Tomcat: <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
    •   IIS: <myserver>/arcgis_js_api/library/2.7/jsapi/
  6.  将以下文件在文件编辑器(如Notepad++,Vim)中开采:
    •  
      Tomcat: \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\dojo\dojo\dojo.xd.js.uncompressed.js
    •  
      IIS: C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\dojo\dojo\dojo.xd.js.uncompressed.js
  7.  寻觅dojo.xd.js文件中的八个 ‘[HOSTNAME_AND_PATH_TO_JSAPI]’
    ,用以下URI代替之。

    • Tomcat: <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
    •   IIS: <myserver>/arcgis_js_api/library/2.7/jsapi/
  8. (可选) 要是您在项目中利用到压缩版的ArcGIS JS
    API,须要在arcgis_js_api\library\2.7\jsapicompact重复4-7的步骤。
  9. 将那么些文件夹布置到Web服务器上。由于ArcGIS JavaScript APIs将多少个JavaScript
    文件通过单一的URAV4L流式地提须求客户端,所以它须求暗中认可的Computer来模拟、调节JS文件流.
    ESCRUISERI提供了两种艺术,在\library\2.7\jsapi\文本夹下,包含index.jsp,
    index.php,Default.ashx .配置如下,汤姆cat配置进度:

    • 打开
      \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\init.js
    • 寻找init.js文件中的 '[HOSTNAME_AND_PATH_TO_JSAPI]',
      用<myserver>:8080/arcgis_js_api/library/2.7/jsapi/代替之
    • 在页面调用的时候使用办法:

      <script type="text/javascript" src="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/init.js"></script>
      

    IIS配置进程:

    • 打开IIS 管理器.
    • 张开包括Default.ashx 文件的文本夹
      (C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi).
    • 必发88,右键点击属性,选拔文件Tab。分明启用暗中认可内容页被勾选 。
    • 点击增添到开关 .输入 “Default.ashx,点击确认并退出。

      2.设置离线包

  1.   解压下载的压缩包,将中间的
    \arcgis_js_api\library 目录的享有内容总体拷贝到你的web
    服务器中。例如的以下门路例子所示,

    •   Tomcat:
      \home\vent\tomcat7\webapps\arcgis_js_api\library
    •   IIS: C:\Inetpub\wwwroot\arcgis_js_api\library
  2.  将以下文件在文件编辑器(如Notepad++,Vim)中开拓:
    •  
      Tomcat: \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\js\esri\esri.js
    •  
      IIS: C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\esri\esri.js
  3. 搜索esri.js文件中的 '[HOSTNAME_AND_PATH_TO_JSAPI]',
    用以下URI代替之。

    •  Tomcat: <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
    •   IIS: <myserver>/arcgis_js_api/library/2.7/jsapi/

    myserver是您的网址访问UGL450I,本地能够用localhost/127.0.0.1来代替.

  4.  将以下文件在文件编辑器(如Notepad++,Vim)中张开:

    •  
      Tomcat: \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\dojo\dojo\dojo.xd.js
    •  
      IIS: C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\dojo\dojo\dojo.xd.js
  5.  找出dojo.xd.js文件中的多少个 ‘[HOSTNAME_AND_PATH_TO_JSAPI]’
    ,用以下URI代替之。

    • Tomcat: <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
    •   IIS: <myserver>/arcgis_js_api/library/2.7/jsapi/
  6.  将以下文件在文件编辑器(如Notepad++,Vim)中张开:
    •  
      Tomcat: \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\dojo\dojo\dojo.xd.js.uncompressed.js
    •  
      IIS: C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\dojo\dojo\dojo.xd.js.uncompressed.js
  7.  寻找dojo.xd.js文件中的四个 ‘[HOSTNAME_AND_PATH_TO_JSAPI]’
    ,用以下URI代替之。

    • Tomcat: <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
    •   IIS: <myserver>/arcgis_js_api/library/2.7/jsapi/
  8. (可选) 要是你在类型中运用到压缩版的ArcGIS JS
    API,要求在arcgis_js_api\library\2.7\jsapicompact重复4-7的步骤。
  9. 将那些文件夹安插到Web服务器上。由于ArcGIS JavaScript APIs将四个JavaScript
    文件通过单一的U奇骏L流式地提须求客户端,所以它要求暗中认可的管理器来模拟、调控JS文件流.
    ES卡宴I提供了三种方法,在\library\2.7\jsapi\文本夹下,包罗index.jsp,
    index.php,Default.ashx .配置如下,汤姆cat配置进度:

    • 打开
      \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\init.js
    • 寻找init.js文件中的 '[HOSTNAME_AND_PATH_TO_JSAPI]',
      用<myserver>:8080/arcgis_js_api/library/2.7/jsapi/代替之
    • 在页面调用的时候利用方法:

      <script type="text/javascript" src="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/init.js"></script>
      

    IIS配置进度:

    • 打开IIS 管理器.
    • 开辟包罗Default.ashx 文件的文书夹
      (C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi).
    • 右键点击属性,选用文件Tab。分明启用暗许内容页被勾选 。
    • 点击增多到开关 .输入 “Default.ashx,点击确认并脱离。
.esriPopup .esriPopupWrapper
{
background-image: url(../images/beijingtu1.png);
background-size:100% 100%;
box-shadow: 0 0 0 #777777;
  -webkit-box-shadow: 0 0 0 #777777;
  padding:3em;
}
.esriPopup .titlePane
{
background-color:rgba(64,64,64,0);
}
.esriPopup .contentPane
{
background-color:rgba(64,64,64,0);
color:#FFFFFF;
scrollbar-base-color: #373737;
  scrollbar-3dlight-color: #4c4c4c;
  scrollbar-highlight-color: #373737;
  scrollbar-track-color: #808080;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #373737;
  scrollbar-dark-shadow-color: #373737;
}
.esriPopup .actionsPane
{
background-color:rgba(64,64,64,0);
}

 

          3.测试

测量试验代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Simple Map</title>
    <link rel="stylesheet" type="text/css" href="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" type="text/css" href="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/js/esri/css/esri.css" />
    <script type="text/javascript" src="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/init.js"></script>
    <script type="text/javascript">
      dojo.require("esri.map");
      function init() {
        var myMap = new esri.Map("mapDiv");
        //note that if you do not have public Internet access then you will need to point this url to your own locally accesible cached service.
        var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer");
        myMap.addLayer(myTiledMapServiceLayer);
      }
      dojo.addOnLoad(init);
    </script>
  </head>
  <body class="tundra">
    <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
  </body>
</html>

 

选取Chrome Develop Tool 或许其余JS调节和测验工具查看是或不是出错。

必发88 1
本作品由VentLam创作,采用知识分享具名-非商业性利用-一样形式共享2.5中华人民共和国民代表大会洲许可协议进展许可。

          3.测试

测验代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Simple Map</title>
    <link rel="stylesheet" type="text/css" href="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" type="text/css" href="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/js/esri/css/esri.css" />
    <script type="text/javascript" src="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/init.js"></script>
    <script type="text/javascript">
      dojo.require("esri.map");
      function init() {
        var myMap = new esri.Map("mapDiv");
        //note that if you do not have public Internet access then you will need to point this url to your own locally accesible cached service.
        var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer");
        myMap.addLayer(myTiledMapServiceLayer);
      }
      dojo.addOnLoad(init);
    </script>
  </head>
  <body class="tundra">
    <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
  </body>
</html>

 

采纳Chrome Develop Tool 也许其余JS调节和测量试验工具查看是还是不是出错。

必发88 2
本小说由VentLam创作,采用知识分享签名-非商业性利用-一样方法共享2.5中夏族民共和国陆上许可协议张开许可。

以上就是我为大家带来的arcgis for js
修改infowindow样式的点子全体内容了,希望大家多多扶助脚本之家~

离线计划 
接纳在线援引的不二秘技一般加载地图相当慢,所以利用离线铺排API的方式相比好。

您恐怕感兴趣的稿子:

  • 基于Arcgis for javascript实现百度地图ABCD
    marker的法力
  • arcgis for js栅格图层叠合(Raster
    Layer)难题
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.18/3.18/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.18/3.18/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.18/3.18/init.js"></script>

1、下载API 
需要在  网站上登记下载相应版本的API,如下图: 
必发88 3

 2、将API放到本地服务器下 
能够应用IIS服务器也得以利用汤姆cat服务器(不知道什么来头,作者动用汤姆cat服务器总是加载不出去地图),在此地选取IIS服务器。未有安装IIS的请参谋《Windows10什么样设置IIS(网络音讯服务)_百度经历》。 
IIS的职业门路是 C:\inetpub\wwwroot
,所以将API压缩包里面包车型客车arcgis_js_api解压到该路径下。 
须要修改五个文本,笔者的文本的门径为: 
C:\inetpub\wwwroot\arcgis_js_api\library\4.2\4.2\init.js 
C:\inetpub\wwwroot\arcgis_js_api\library\4.2\4.2\dojo\dojo.js 
将那多少个文本中的 [HOSTNAME_AND_PATH_TO_JSAPI] 替换为 
localhost/arcgis_js_api/library/3.18/3.18/ 
轮换后的结果为: 
必发88 4 
3、验证是还是不是配备成功 
在浏览器中走访:http://localhost/arcgis\_js\_api/library/4.2/4.2/init.js 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图