arcgis for javascript定制导航箭头
来源:互联网 发布:淘宝好评率低于97 编辑:程序博客网 时间:2024/05/23 14:38
查看在线示例
描述
本例展示了如何为平移地图包括自定义的按钮。地图被放置在一个宽3列和高3行的HTML表格的固定宽度中心单元。表格里剩余的单元放置标签为8个主要方向的缩写的按钮。每个按钮调用地图上不同的平移函数。例如,"NW"按钮调用 map.panUpperLeft。
<button onclick="map.panUpperLeft();" ID="Button1">NW</button>
在自己的应用里,可以选择任意按钮的格式。甚至可以选择使用图片或者其他控件代替按钮。
代码
<!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"/>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>Custom map navigation</title>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/soria/soria.css">
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script>
<script type="text/javascript">
dojo.require("esri.map");
var map;
function init() {
map = new esri.Map("map");
map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer"));
}
dojo.addOnLoad(init);
</script>
</head>
<body>
This application shows how to create custom navigation buttons.
<table bgcolor="#eee">
<tbody>
<tr>
<td><button onclick="map.panUpperLeft();">NW</button></td>
<td align="center"><button onclick="map.panUp();">N</button></td>
<td><button onclick="map.panUpperRight();">NE</button></td>
</tr>
<tr>
<td valign="middle"><button onclick="map.panLeft();">W</button></td>
<td><div id="map" class="soria" style="width:1024px; height:512px; border:1px solid #000;"></div></td>
<td valign="middle"><button onclick="map.panRight();">E</button></td>
</tr>
<tr>
<td><button onclick="map.panLowerLeft();">SW</button></td>
<td align="center"><button onclick="map.panDown();">S</button></td>
<td><button onclick="map.panLowerRight();">SE</button></td>
</tr>
</tbody>
</table>
</body>
< /html>
- arcgis for javascript定制导航箭头
- arcgis for javascript 帮助
- arcgis for javascript 帮助
- ArcGIS API for JavaScript
- Arcgis for javascript 学习资料
- ArcGIS for javascript 构建GraphicsLayer
- arcgis api for JavaScript相关
- arcgis api for JavaScript相关
- arcgis for javascript常用方法
- ArcGIS API for Javascript热区图
- 部署arcgis for JavaScript环境
- ArcGIS API for Javascript介绍
- ArcGIS for Javascript 4.2下载
- ArcGIS for JavaScript获取token
- ArcGIS API for JavaScript是什么
- arcgis for javascript 绘制多边形
- ArcGIS API For JavaScript部署
- arcgis for javascript地图开发
- Junit4测试错误解决java.lang.IllegalStateException: Failed to load ApplicationContext
- HBase File Locality in HDFS
- AS3-单例模式
- toj1455 Ultra-QuickSort
- CentOS下用于安装heartbeat/ipvsadm/ldirectord/corosync/pacemaker及相关软件的yum源
- arcgis for javascript定制导航箭头
- netty4.0.x源码分析—event
- PyQt学习笔记(5)——Mian Window
- VMware中ubuntu忘记密码的解决办法[转]
- 自定义RadioButton样式,切换按钮时变换背景颜色
- Nsstring 替换方法
- TPM搭建使用中出现的一点问题
- 题目1371:最小的K个数
- uva 120 Stacks of Flapjacks