首页 / JAVA / ArcGIS api for javascript——地图配置-定制导航箭头

ArcGIS api for javascript——地图配置-定制导航箭头

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ArcGIS api for javascript——地图配置-定制导航箭头，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2356字，纯文字阅读大概需要4分钟。

内容图文

描述

本例展示了如何为平移地图包括自定义的按钮。地图被放置在一个宽3列和高3行的HTML表格的固定宽度中心单元。表格里剩余的单元放置标签为8个主要方向的缩写的按钮。每个按钮调用地图上不同的平移函数。例如，"NW"按钮调用 map.panUpperLeft。

<button onclick="map.panUpperLeft();" ID="Button1">NW</button>

在自己的应用里，可以选择任意按钮的格式。甚至可以选择使用图片或者其他控件代替按钮。

             1
            <!
            DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
            >
             2
            <
            html
            >
             3
            <
            head
            >
             4
            <
            meta 
            http-equiv
            ="Content-Type"
             content
            ="text/html; charset=utf-8"
            />
             5
            <
            meta 
            http-equiv
            ="X-UA-Compatible"
             content
            ="IE=7"
            />
             6
            <
            title
            >定制导航箭头</title> 7<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css"> 8<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script> 9<script type="text/javascript">10        dojo.require("esri.map");
1112var map;
13function init() {
14          map =new esri.Map("map");
15          map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer"));
16      }
1718      dojo.addOnLoad(init);
19</script>20</head>21<body >22    This application shows how to create custom navigation buttons.
23<table bgcolor="#eee">24<tbody>25<tr>26<td><button onclick="map.panUpperLeft();">NW</button></td>27<td align="center"><button onclick="map.panUp">N</button></td>28<td><button onclick="map.panUpperRight();">NE</button></td>29</tr>30<tr>31<td valign="middle"><button onclick="map.panLeft();">W</button></td>32<td><div id="map" class="soria" style="width: 1024px;height: 512px;border: 1px solid #000"></div></td>33<td valign="middle"><button onclick="map.panRight();">E</button></td>34</tr>35<tr>36<td><button onclick="map.panLowerLeft();">SW</button></td>37<td align="center"><button onclick="map.panDown();">S</button></td>38<td><button onclick="map.panLowerRight();">SE</button></td>39</tr>40</tbody>41</table>42</body>43</html>

 

原文：http://www.cnblogs.com/xiaotian-222/p/6526380.html

内容总结

以上是互联网集市为您收集整理的ArcGIS api for javascript——地图配置-定制导航箭头全部内容，希望文章能够帮你解决ArcGIS api for javascript——地图配置-定制导航箭头所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1237793.html

来源：【匿名】