第一个自定义开发的Arcgis地图 - 推酷
第一个自定义开发的Arcgis地图
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8&&
&!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices--&
&meta name=&viewport& content=&initial-scale=1, maximum-scale=1,user-scalable=no&&
&title&Feature Layer - display results as an InfoWindow onHover&/title&
&link rel=&stylesheet& type=&text/css& href=&./arcgis_js_api/library/3.12/3.12/dijit/themes/tundra/tundra.css& /&
&link rel=&stylesheet& type=&text/css& href=&./arcgis_js_api/library/3.12/3.12/esri/css/esri.css& /&
html, body, #mapDiv {
padding: 0;
margin: 0;
height: 100%;
background: #
box-shadow: 0 0 5px #888;
padding: 0.5
z-index: 40;
&script src=&./arcgis_js_api/library/3.12/3.12/init.js&&&/script&
&script src=&./arcgis_js_api/library/3.12/3.12/js/dojo/dojo/dojo.js&&&/script&
dojo.require(&esri.map&);
dojo.require(&esri.layers.FeatureLayer&);
dojo.require(&esri.symbols.SimpleFillSymbol&);
dojo.require(&esri.symbols.SimpleLineSymbol&);
dojo.require(&esri.renderers.SimpleRenderer&);
dojo.require(&esri.graphic&);
dojo.require(&esri.lang&);
dojo.require(&esri.Color&);
dojo.require(&dojo.number&);
dojo.require(&dojo.dom-style&);
dojo.require(&dijit.TooltipDialog&);
dojo.require(&dijit.popup&);
dojo.require(&dojo.domReady&);
function init() {
map = new esri.Map(&mapDiv&, {
center:[96.],
slider: true
//添加一个图层
var censusMapLayer = new esri.layers.ArcGISDynamicMapServiceLayer(&http://192.168.135.250:6080/arcgis/rest/services/CZDJ/CZDJ_ZD/MapServer&);
map.addLayer(censusMapLayer);
var baiChengCity = new esri.layers.FeatureLayer(&http://192.168.135.250:6080/arcgis/rest/services/CZDJ/CZDJ_ZD/MapServer/2&, {
mode: esri.layers.FeatureLayer.MODE_SNAPSHOT, // be careful with the namespace using between AMD with Legacy
outFields: [&QLR&, &TDZL&, &DJH&, &YSDM&, &ZDID&]
// set define zone
// baiChengCity.setDefinitionExpression(&YSDM =
var symbol = new esri.symbol.SimpleFillSymbol(
esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(
esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new esri.Color([255, 255, 255, 0.35]),
new esri.Color([125, 125, 125, 0.35])
baiChengCity.setRenderer(new esri.renderer.SimpleRenderer(symbol));
map.addLayer(baiChengCity);
// info window
Window.resize(245, 125);
dialog = new dijit.TooltipDialog({
id: &tooltipDialog&,
style: &position: width: 250 font: normal normal normal 10pt Hz-index:100&
dialog.startup();
var highlightSymbol = new esri.symbol.SimpleFillSymbol(
esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(
esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new esri.Color([255, 0, 0]), 3
new esri.Color([125, 125, 125, 0.35])
//close the dialog when the mouse leaves the highlight graphic
map.on(&load&, function () {
map.graphics.enableMouseEvents();
map.graphics.on(&mouse-out&, closeDialog);
//listen for when the onMouseOver event fires on the countiesGraphicsLayer
//when fired, create a new graphic with the geometry from the event.graphic and add it to the maps graphics layer
baiChengCity.on(&mouse-over&, function (evt) {
var t = &&b&${QLR}&/b&&hr&&b&Land Class: &/b&${TDZL}&br&&
+ &&b&Land Registration Number: &/b&${DJH}&br&&
+ &&b&YSDM: &/b&${YSDM}&br&&
+ &&b&Parcel ID: &/b&${ZDID:NumberFormat}&;
var content = esri.lang.substitute(evt.graphic.attributes, t);
var highlightGraphic = new esri.graphic(evt.graphic.geometry, highlightSymbol);
map.graphics.add(highlightGraphic);
dialog.setContent(content);
dojo['dom-style'].set(dialog.domNode, &opacity&, 0.85);
dijit.popup.open({
popup: dialog,
x: evt.pageX,
y: evt.pageY
//显示坐标
dojo.connect(map, &onLoad&, function () {
dojo.connect(map, &onMouseMove&, showCoordinates);
dojo.connect(map, &onMouseDrag&, showCoordinates);
function closeDialog()
map.graphics.clear();
dijit.popup.close(dialog);
function showCoordinates(evt) {
var mp = evt.mapP
dojo.byId(&infoXY&).innerHTML = &X: & + mp.x + &&br/&& + &Y: & + mp.y;
dojo.addOnLoad(init);
&esri/map&, &esri/layers/FeatureLayer&,
&esri/symbols/SimpleFillSymbol&, &esri/symbols/SimpleLineSymbol&,
&esri/renderers/SimpleRenderer&, &esri/graphic&, &esri/lang&,
&esri/Color&, &dojo/number&, &dojo/dom-style&,
&dijit/TooltipDialog&, &dijit/popup&, &dojo/domReady!&
], function (
Map, FeatureLayer,
SimpleFillSymbol, SimpleLineSymbol,
SimpleRenderer, Graphic, esriLang,
Color, number, domStyle,
TooltipDialog, dijitPopup
map = new Map(&mapDiv&, {
basemap: &streets&,
center: [-80.94, 33.646],
slider: false
var southCarolinaCounties = new FeatureLayer(&/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/3&, {
mode: FeatureLayer.MODE_SNAPSHOT,
outFields: [&NAME&, &POP2000&, &POP2007&, &POP00_SQMI&, &POP07_SQMI&]
southCarolinaCounties.setDefinitionExpression(&STATE_NAME = 'South Carolina'&);
var symbol = new SimpleFillSymbol(
SimpleFillSymbol.STYLE_SOLID,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_SOLID,
new Color([255, 255, 255, 0.35]),
new Color([125, 125, 125, 0.35])
southCarolinaCounties.setRenderer(new SimpleRenderer(symbol));
map.addLayer(southCarolinaCounties);
Window.resize(245, 125);
dialog = new TooltipDialog({
id: &tooltipDialog&,
style: &position: width: 250 font: normal normal normal 10pt Hz-index:100&
dialog.startup();
var highlightSymbol = new SimpleFillSymbol(
SimpleFillSymbol.STYLE_SOLID,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_SOLID,
new Color([255, 0, 0]), 3
new Color([125, 125, 125, 0.35])
//close the dialog when the mouse leaves the highlight graphic
map.on(&load&, function () {
map.graphics.enableMouseEvents();
map.graphics.on(&mouse-out&, closeDialog);
//listen for when the onMouseOver event fires on the countiesGraphicsLayer
//when fired, create a new graphic with the geometry from the event.graphic and add it to the maps graphics layer
southCarolinaCounties.on(&mouse-over&, function (evt) {
var t = &&b&${NAME}&/b&&hr&&b&2000 Population: &/b&${POP2000:NumberFormat}&br&&
+ &&b&2000 Population per Sq. Mi.: &/b&${POP00_SQMI:NumberFormat}&br&&
+ &&b&2007 Population: &/b&${POP2007:NumberFormat}&br&&
+ &&b&2007 Population per Sq. Mi.: &/b&${POP07_SQMI:NumberFormat}&;
var content = esriLang.substitute(evt.graphic.attributes, t);
var highlightGraphic = new Graphic(evt.graphic.geometry, highlightSymbol);
map.graphics.add(highlightGraphic);
dialog.setContent(content);
domStyle.set(dialog.domNode, &opacity&, 0.85);
dijitPopup.open({
popup: dialog,
x: evt.pageX,
y: evt.pageY
function closeDialog() {
map.graphics.clear();
dijitPopup.close(dialog);
&body class=&tundra&&
&div id=&mapDiv&&
&div id=&info&&
Hover over a county in BaiCheng City to get more information.
&div id=&infoXY& style=&position: right:25 bottom:5 color:#000; z-index:40;&&&/div&
已发表评论数()
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
没有分页内容
图片无法显示
视频无法显示
与原文不一致&&问题详情
ARCGIS中出图时如何在配准的地图右下角显示它在一整幅中国地图中的位置?
您的回答过短，请将答案描述得更清楚一些
回答被采纳后将获得系统奖励20
建议你看看arcgis flex viewer, 里面有这样的例子,是现成的,可以自己定义地图resource. Good luck~
手机动态登录
请输入用户名/邮箱/手机号码！
请输入密码！
Copyright &
Shang Hai Jing Rong Xin Xi Ke Ji You Xian Gong Si
上海旌荣信息科技有限公司 版权所有
客服电话： 400-850-8888 违法信息举报邮箱：问：arcgis中的填挖方功能怎么使用啊？arcgis中的填挖方功能怎么使用啊？答：建议去看看软件使用说明书。按F键：里面内容很齐全。
问：怎么利用ARCGIS裁剪图像答：可以根据、范围来采集clip（arctoolbox里面）。矩形范围、好像也可以通过多边形裁剪，如果没有，程序肯定可以的、通过mosaic也可以、对矢量数据进行裁减：...
问：求arcgis.过期求arcgis.过期办法或者！谢谢~答：需要 的，不过建议使用把，现在网上的版本也很多了。
问：利用GIS的水文模块进行流域提取时，已经由DEM图划分河网后...利用GIS的水文模块进行流域提取时，已经由DEM图划分河网后，再怎么提取...答：在ArcGIS中，流域盆地的计算是利用 hydrology工具集中的 basin工具来进行计算的。.双击 hydrology工具集中的 basin工具，打开流域盆地计算的对话框.输入...
问：ARCGIS软件网上很多都 连接，还有的就是要付的，求打包的免的arcgis软件，我找到了...答：: blogs./vgis/archive ArcGIS__download不知是不是你要的软件，看看那篇文章的 ，貌似可以用迅雷。参考文献：...
问：ArcGIS如何让边界线或者 域变答：双击你需要改变颜图层下面的小方块，fill color就是 域颜 outline就是边界线。
问：arcgis server 地图显示no data答：arcgis server 地图显示no data地图显示地图文档预览详细步骤arcgis server刚刚安装好，但是按照网上的一篇文档arcgis_server 地图详细步骤 地图时，每步做的都没有问题...
问：arcgis修改 域边界问题~答：想颜不同，唯一方法把河流画成两部分
问：XP系统如何装Arcgis软件Arcgis软件是地理学专业软件，很难装，请高手教。答：除非是版的，否则应该容易安装的。按照安装提示做就可以的。
问：您能具体说下怎么提取arcgis的边界线吗?在feature to polygon...答：arcgis提取边界线可以使用ArcToolBox里的feature to polyline这个命令，feature to polygon是线转面的，需要输入的是用来生成面的polyline或者polygon...
问：我的Arcgis.版还有使用期限？急!各位大师你们好：我使用的是“Arcgis.版”，可不到个月，使用期限就到...答：非真正意义上的，你可以找纯正版，网上很多。
问：在ARCGIS中提取坡位具体作步骤是什么?答：坡位有正地形和负地形，又有沟间地、沟地、沟坡地，具体步骤是第一步：用边界和等高线数据生成TIN，然后转成DEM。（ARCGIS D ANALYSIS TOOL-CREATE/...
问：arcgis是什么答：软件地理系统
问：ArcGIS.如何提取流域答：在arcgis中的arcmap中进行的Arcmap中加载林业DEM数据，启动Arctoolbox,展开Analysis Tools工具箱，打开Hydrology工具集。洼地填充：双击Hydrology工具箱...
08-0709-1409-1708-04
09-1504-0304-2304-03
◇本站云标签二次元同好交流新大陆
扫码下载App
汇聚2000万达人的兴趣社区下载即送20张免费照片冲印
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
用音乐诠释心情,用知识武装自己...
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
2.新建一个自己的站点&& &打开Internet信息服务（IIS）管理器，右击左侧的网站列表，选择——添加网站，如下图所示，输入网站名称，物理路径，端口号，主机名，点击确定，即建立了自己的网站。3.打开ArcGIS Server10的安装界面，选择安装GIS Services，开始安装。&& &安装过程中，需要对ArcGIS Server所需的帐户、权限及目录进行配置。出于安全考虑，ESRI 建议您使用本地帐户作为 SOM 和 SOC 帐户，而不是指定域帐户。这样，可确保恶意用户无法使用此类帐户获取网络中其他计算机的管理权限。为GIS服务器账户ArcGISSOM和ArcGISSOC配置密码，并确认密码，设置完后点击下一步，进一步设置ArcGISWebServices的密码，确定设置。4. 向 agsadmin 和 agsusers 组中添加用户&& &GIS 服务器安装后配置可创建两个操作系统组：agsadmin 和agsusers。agsadmin 组供管理员（例如创建服务的用户）使用。您需要将您自己和管理服务器的任何其他用户添加到 agsadmin 组中。agsusers 组供那些只需同 GIS 服务器进行本地连接而不需要管理权限的用户使用。填充 agsusers 组需要一系列已授权用户。对于已经存在于 agsadmin 组中的帐户，则不必将其添加到 agsusers 组中。&& &通过——控制面板&所有控制面板项&管理工具&计算机管理&本地用户和组向 agsadmin 和 agsusers 组中添加用户。&& &添加&高级&立即查找，将ArcGISSOM和ArcGISSOC添加到agsadmin 中。&5.添加用户后就可以通过域名\用户名，密码登录ArcGIS Server Manager,具体如下图所示。6发布地图&& &ArcGIS Server发布地图的方式有两种，一种是通过ArcGIS Server Manager进行地图发布，另一种是通过ArcCatalog进行发布，这里我们采用后者进行地图的发布。1） &首先启动ArcCatalog，在GIS servers中点击Add ArcGIS Server，如图所示&2）选择Manage GIS Services&出现如下的对话框Server URL：为本机的服务地址，http://localhost/arcgis/services，此地址如果在安装配置时，全部按照默认名称则不会出错。其中arcgis为实例名，在安装server时一般默认为arcgis（如果没修改）。 Host Name输入zhangviv-pc，输入完后，点击点击Finish即可发布一个GIS Server。3） 发布服务：可以在服务上右键，选择Add New Server或者在ArcMap等保存的文档（.mxd）上面右键Publish to Arcgis Server，进入如下对话框（Publish to Arcgis Server）：&&&4） 点击下一步，按照个人的需求选择需要的服务，如下图所示。再点下一步，即可实现地图的发布。5）在浏览器地址栏里输出URL:http://localhost/ArcGIS/rest/services，即可访问到已经发布的服务，如下图所示。&
阅读(13257)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'【原创】图文并茂——ArcGIS Server10安装与地图发布',
blogAbstract:'1.安装ArcGIS Server10前先启动IIS，并打开IIS管理器界面，检查是否已经安装好。2.新建一个自己的站点',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:5,
publishTime:7,
permalink:'blog/static/',
commentCount:1,
mainCommentCount:1,
recommendCount:2,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'用音乐诠释心情,用知识武装自己...',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}}