ArcGIS api for javascript——地图配置-
2024-08-31 14:19:42
描述
本例展示了如果删除缩放等级滑动器的刻度线。通过设置esriConfig里的sliderLabel为null来实现:
esriConfig.defaults.map.sliderLabel = null;
默认情况下,缩放等级滑动器是垂直方向的。可以通过设置滑动器的高度属性为null来使滑动器改为水平方向。
esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"200px", height:null };
如本例所示,能够通过设置esriConfig上的属性来改变缩放等级滑动器的大小。 这里高度被设置为100像素。 宽度为null表示滑动器将是垂直方向的。
esriConfig.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"100px" };
<!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>增加没有刻度的滑动器</title>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css">
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script>
<script type="text/javascript"> dojo.require("esri.map");
function init() { //增加没有刻度的滑动器
esriConfig.defaults.map.sliderLabel = null;
//将滑动器设置为水平方向
//esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"200px", height:null };
//将滑动器设置为垂直方向
//esriConfig.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"100px" };
var map = new esri.Map("map");
var layer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");
map.addLayer(layer); }
dojo.addOnLoad(init); </script>
</head>
<body class="tundra">
<div id="map" style="width:1024px; height:512px; border:1px solid #000;"></div>
</body>
</html>
最新文章
- 【JS/CSS3】实现带预览图幻灯片效果~
- StringUtils中 isNotEmpty 和isNotBlank的区别
- 万能的林萧说:我来告诉你,一个草根程序员如何进入BAT。
- salesforce 零基础开发入门学习(八)数据分页简单制作
- Spring事务解析2-标签解析
- EF 关系规则(一对一、一对多、多对多...)
- PHP+ajax聊天室源码!支持长轮循跟定时请求两种
- git push origin master、git pull出现如下错误
- CSS优先级总结(转载)
- [国嵌笔记][030][U-Boot工作流程分析]
- 【BZOJ3944】Sum(杜教筛)
- python中的if __name__ == &#39;main&#39;
- mysql导出长数字到excel避免显示为科学记数法 解决方法
- 千行代码入门Python
- oracle删除当前用户以及当前用户所有表、索引等操作
- Chrome插件(扩展)开发全攻略
- Hadoop版本的选择问题
- sql not in 优化问题
- python_paramiko_SSHException Invalid requirement, parse error at
- 网络压缩论文集(network compression)